본문 바로가기
Dev/Next JS

[공식문서] NextJS - Pre-rendering and Data Fetching #2

by ZEROGOON 2023. 8. 19.

이전 레슨을 계속 진행하고 있다면, 이 페이지를 건너 뛸 수 있습니다. 다음 페이지로 이동 하려면 아래 Next 버튼을 클릭하세요.

 

스타터 코드 다운로드(선택사항)

만약 이전 레슨에서 진행하고 있지 않다면, 아래 명령을 사용하여 이번 레슨의 스타터 코드를 다운로드하고 설치하실 수 있습니다. 이 명령을 실행하면 이전 레슨의 결과와 동일한 nextjs-blog 디렉토리가 설정됩니다.

 

다시 말하자면, 이전 레슨을 완료한 경우 이 작업은 필요하지 않습니다.

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/data-fetching-starter"

그리고 다음 파일들을 업데이트해야 합니다.

  • public/images/profile.jpg: 본인의 사진으로 업데이트하세요(권장 : 400px너비/높이).
  • components/layout.js 파일의 const name = '[Your Name]' : 본인의 이름으로 업데이트하세요.
  • pages/index.js 파일의 <p>[Your Self Introduction]</p> : 본인의 자기 소개로 업데이트하세요.