tjddndk17

기본적으로 Next는 모든 페이지를 미리 렌더링 하여 각 페이지에 대해 미리 HTML 을 생성합니다. 두 가지 방식의 사전 렌더링이 있으며, 각 페이지에서 사용할 렌더링 방식을 선택할 수 있습니다 Static Generation (정적 생성) - build시에 HTML이 생성되며 재사용 됩니다 - getStaticProps : 빌드시 데이터를 기반으로 콘텐츠를 가져옵니다 - getStaticPaths : 빌드시 데이터를 기반으로 동적경로를 지정합니다 Server-side Rendering (서버 렌더링) - 각 request에 대하여 HTML이 생성됩니다 - getServerSideProps : 각 요청에서 데이터를 가져옵니다 [getStaticProps, getStaticPaths, getServerS..

Setup npx create-next-app # or yarn create next-app 기본 Directory /public : 정적파일 /pages : 라우팅 /styles : css파일 변경 Directory /public : 정적파일 /src/pages : 라우팅 /src/styles : css파일 src Directory src 디렉토리는 많은 앱에서 일반적으로 사용하며 Next.js도 지원합니다. /pages 디렉토리가 있는경우 /src/pages 디렉토리는 무시됩니다. next.config.js 같은 구성파일, /public 디렉토리는 src 디렉토리 안에서 작동하지 않습니다. 루트 디렉토리에 있어야합니다 TypeScript yarn add --dev typescript @types/no..