cache1 리액트 19의 cache() API 제대로 쓰기 리액트 19에 새로운 cache() API가 도입되었습니다, 이는 React Server Components(RSC)에서 데이터 페칭과 계산 결과를 캐싱하는 데 사용됩니다. 각 렌더링 시 데이터 페칭 결과를 캐싱(메모이제이션) 할 수 있게 하며, 동일한 데이터를 여러 컴포넌트에서 페칭 할 때 데이터 결합도를 줄이는데 유용합니다. 1. 기본적인 사용법컴포넌트 외부에서 `cache`를 호출해 캐싱기능을 가진 함수를 만들 수 있습니다.(컴포넌트 내부에서 감쌀 경우 렌더링마다 새 함수가 생성된다.)import {cache} from 'react';import calculateMetrics from 'lib/metrics';const getMetrics = cache(calculateMetrics);functi.. 2025. 4. 11. 이전 1 다음