Next.js 14 Tutorial - 67 - Data Cache
- Next.js 14 기본적으로 fetch 요청의 결과를 데이터 캐시에 자동으로 캐시하는 기능을 제공합니다. 🗄️
- 데이터 캐시는 서버 측에서 고유하게 유지되는 캐시로, 여러 서버 요청 및 배포에 걸쳐 데이터 검색 결과를 지속적으로 저장합니다. 🔄
- 데이터 캐시는 데이터를 데이터원에서 재조회할 필요를 없애는 데 있어 성능 향상과 비용 절감에 크게 기여합니다. ⚡️
- 데이터 캐시를 이해하는 데 도움이 되는 시각화 도움말! 첫 번째 fetch 요청 시, Next.js는 데이터 캐시에서 캐시된 응답이 있는지 확인합니다. 🔍 만약 찾은 경우, 캐시된 응답이 즉시 반환됩니다.
- 캐시된 응답이 없으면 결과가 JSON 서버와 같이 데이터원으로부터 가져와지고 데이터 캐시에 저장됩니다. 💾 이렇게 되면, 동일한 URL과 옵션을 가진 후속 fetch 요청은 데이터원 측과의 연동없이 캐시된 값을 사용합니다. 🚀
- 데이터 캐시는 브라우저 캐시와 구분되는 서버 측에서 일괄적으로 유지되는 캐시입니다. 🔌 다른 브라우저에서 동일한 URL에 접속하더라도 이전에 캐시된 응답이 반환됩니다.