nextjs의 data fetching 방법 4가지
서버가 그린다.
그린다: 데이터를 가져와서 그린다.
서버가 그린다: 서버가 데이터를 가져와서 그린다.
사용함수: getServerSide
클라이언트가 그린다.
그린다: 데이터를 가져와서 그린다.
클라이언트가 그린다: 클라이언트가 데이터를 가져와서 그린다.
사용함수: 따로 없음 (기존 react사용법)
정적인 사이트를 생성한다.
생성한다: 데이터를 가져와서 그려둔다.
정적인 사이트를 생성한다: 정적인 사이트를 데이터를 가져와서 그려둔다.
사용함수: getStaticProps (with getStaticPaths)
증분 정적 사이트를 재생성한다.
재생성한다: (특정 주기로)데이터를 가져와서 다시 그려둔다.
증분 정적 사이트를 재생성한다: (특정 주기로)정적인 사이트를 데이터를 가져와서 다시 그려둔다.
사용함수: getStaticProps (with revalidate)
pages/index.js => /
pages/ssg.js => /ssg
pages/products/[slug].js => /products/*
(js, jsx, ts, tsx)
다음에 계속 👇