SERVER FETCH

데이터 페칭은 캐시 층을 나누어 선택한다

fetch 옵션과 revalidate, React.cache는 모두 중복 요청을 줄이지만 적용 범위와 갱신 기준이 다릅니다.

cache option revalidate React.cache
기본

fetch 캐시

동일 요청을 재사용해 서버 컴포넌트 렌더 비용과 네트워크 비용을 줄입니다.

최신

no-store

항상 최신이어야 하는 데이터는 요청마다 새로 가져오도록 명시합니다.

공유

React.cache

fetch가 아닌 함수 호출도 같은 인자 기준으로 한 렌더 안에서 중복 제거할 수 있습니다.

01 · 요청 서버 컴포넌트가 데이터를 부릅니다.
02 · 캐시 옵션에 따라 재사용합니다.
03 · 재검증 시간 기준으로 갱신합니다.
04 · 렌더 HTML에 결과를 반영합니다.
사용자별 캐시 경계

사용자별 비밀 데이터는 캐시 범위를 좁히고, 공개 데이터는 revalidate로 신선도와 성능 사이를 조정합니다.