로딩
요청 처리 중입니다...

[Next.js] DataFetching (getServerSideProps, getStaticProps)

 [Next.js] DataFetching (getServerSideProps, getStaticProps)

예시 데이터 [ { idx: 1, name: "바나나", price: 5000, }, { idx: 2, name: "토마토", price: 3500, }, { idx: 3, name: "고구마", price: 4500, } ] SSR: Server-side rendering getServerSideProps 정적이 아닌 주기적으로 데이터가 변경되어 표시될때 사용하면 됩니다. interface TempJson { idx: number, name: string, price: number, } interface Props { status: number; data: TempJson[]; } function Home({ data }: Props) { // API 오류 처리시 // 다른 화면을 보여주거나, 별도 처리 if (status) { return ; } ... } HelpCenterEventDetailPage.getInitial...

# data # datafetching # fetching # getInitialProps # getstaticpaths # getstaticprops # next # nextjs # react