아주 쉬운 Data Fetching

데이터 페칭(Fetching) => 데이터 가져오기

 

SSR(Server Side Render)

서버가 데이터를 가져와서 그림

ex) getServerSideProps

서버 부하 / SSG + ISR

 

CSR(Client Side Render)

클라이언트가 데이터를 가져와서 그림

ex) React 사용법과 동일

 

SSG(Static-Site-Generation)

정적인 사이트 생성

ex) getStaticProps(with getStaticPaths)

yarn dev 사용 시 SSR처럼 동작

 

ISR(Increamental Static Regeneration)

증분 정적 사이트 생성 -> 특정 주기로 데이터를 가져와 재생성

ex) getStaticProps(with Revalidate)