101724 til

 

캐싱이란?

 

캐싱은 데이터를 미리 저장해 두고, 다음에 그 데이터를 필요할 때 빠르게 가져오는 방법

 

Next.js에서는 캐싱을 잘 활용하면 웹사이트의 속도를 빠르게 만들 수 있다 

 

 

 

Next.js에서 캐싱을 사용하는 방법

 

Static Generation (SSG): 페이지를 빌드할 때 미리 HTML 파일을 만들어 놓고, 사용자가 들어올 때 빠르게 보여준다 

 

이게 일종의 캐싱이다 

 

신세계 아님 . 

 

 

getStaticProps 함수로 데이터를 미리 받아와서 캐시할 수 있다 

 

 

Server-Side Rendering (SSR): 매번 서버에서 새롭게 데이터를 가져와서 페이지를 만들지만,

 

일부 데이터를 캐싱해서 서버에 부담을 줄일 수 있다 

 

 

 

 

Revalidation: getStaticProps에서 revalidate 값을 설정하면 일정 시간마다 페이지를 새로 업데이트할 수 있다 

 

이 기능을 ISR(Incremental Static Regeneration)**이라고 한다 

 

 

SSG: 빌드 시 캐싱 (미리 만들어 둠)

SSR: 매번 서버에서 만들어 주지만 캐시 가능

ISR: 일정 시간마다 캐시된 페이지를 새로 갱신