- Next.js 14에서 제공하는 기본적인 최적화 전략인 리퀘스트 메모이제이션은 렌더링 단계 내에서 동일한 데이터 요청을 복제하여 성능을 향상시킵니다. ⚡️
- 리퀘스트 메모이제이션은 데이터를 캐싱하여 중복된 네트워크 호출을 방지하고 컴포넌트 트리 내에서 데이터를 간소화합니다. 🗄️
- 리퀘스트 메모이제이션은 React 특징이며, 비록 Next.js에서 기본적으로 적용될 수 있지만 최신 버전에 따라 설정 조정이 필요할 수 있습니다. 🔄
- 메모이제이션은
fetch
요청에 대해 렌더링 단계 내에서만 적용되며, 라우트 핸들러를 포함한 다른 컴포넌트 트리 밖에서는 효과가 없습니다. 🚧 fetch
외의 데이터 소스를 사용하는 경우 (데이터베이스 클라이언트, CMS 클라이언트, GraphQL 클라이언트
등)에는React.cache
함수를 사용하여 함수를 메모화할 수 있습니다. 🧰