애플리케이션 빌드: 데이터 가져오기 | Next.js

출처 URL: https://nextjs.org/docs/pages/building-your-application/data-fetching

데이터 가져오기

마지막 업데이트: 2026년 2월 20일

Next.js의 데이터 가져오기는 애플리케이션의 사용 사례에 따라 다양한 방식으로 콘텐츠를 렌더링할 수 있게 해 줍니다. 여기에는 서버 사이드 렌더링 또는 정적 생성을 통한 사전 렌더링과, 런타임에 증분 정적 재생성으로 콘텐츠를 업데이트하거나 생성하는 방법이 포함됩니다.

예제

getStaticProps
- getStaticProps로 데이터를 가져와 정적 페이지를 생성합니다. Next.js의 이 데이터 패칭 API에 대해 자세히 알아보세요.
getStaticPaths
- getStaticPaths로 데이터를 가져와 정적 페이지를 생성합니다. Next.js의 이 데이터 패칭 API에 대해 자세히 알아보세요.
Forms and Mutations
- Next.js에서 폼 제출과 데이터 변경을 처리하는 방법을 알아보세요.
getServerSideProps
- 각 요청마다 getServerSideProps로 데이터를 가져옵니다.
클라이언트사이드 가져오기
- Client-side Fetching클라이언트 측 데이터 가져오기와 캐싱, 재검증, 포커스 추적, 주기적 재요청 등을 처리하는 데이터 패칭 React 훅 라이브러리 SWR 사용 방법을 알아보세요.

보내기