유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js 14 Tutorial - 69 - Request Memoization

Codevolution

2024. 5. 29.

0

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

Recommanded Videos