[Next.js] getStaticProps vs getServerSideProps 완벽 비교
·
프로그래밍/Next.js
[Next.js] getStaticProps vs getServerSideProps 완벽 비교Next.js는 페이지 단위로 데이터 패칭 전략을 선택할 수 있습니다.그중 가장 자주 쓰이는 함수는 getStaticProps와 getServerSideProps입니다.이번 글에서는 두 함수의 차이점과 선택 기준을 예제와 함께 정리해봅니다.✅ 1. getStaticProps - 정적 생성 (SSG)getStaticProps는 빌드 타임에 데이터를 가져와 정적 HTML을 생성합니다.한 번 빌드하면 그 내용은 CDN에 배포되며, 모든 유저가 동일한 HTML을 받습니다.export async function getStaticProps() { const data = await fetchData(); // API 호출 ..