[Next.js] Caching
Next.js는 대부분의 영역에서 fetch 함수를 기반으로 캐싱을 한다!Next.js의 fetch는 브라우저 API가 아닌 Next.js에서 확장한 새로운 API다.그 중에서도 크게 두가지 포인트에서 캐싱을 진행하게 된다. Next.js의 두가지 캐싱 포인트Full Route Cache (build 시)- 빌드 시점에 페이지를 렌더링하고 그 결과를 캐싱하는 기능- 서버는 매 요청마다 페이지를 다시 렌더링할 필요 없이, 미리 생성된 HTML과 데이터를 빠르게 제공할 수 있어 페이지 로딩속도가 크게 향상됨- 서버에서 React의 API를 활용하여 렌더링 작업을 수행함- 기본적으로 Full Route Cache는 지속적이며, 사용자 요청에 의한 렌더링 결과가 캐싱되어 있음- 따라서 동일한 페이지에 대한 요청..