이전 레슨을 계속 진행하고 있다면, 이 페이지를 건너 뛸 수 있습니다. 다음 페이지로 이동 하려면 아래 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> : 본인의 자기 소개로 업데이트하세요.
'Dev > Next JS' 카테고리의 다른 글
[공식문서] NextJS - Pre-rendering and Data Fetching #4 (0) | 2023.08.26 |
---|---|
[공식문서] NextJS - Pre-rendering and Data Fetching #3 (0) | 2023.08.25 |
[공식문서] NextJS - Pre-rendering and Data Fetching #1 (0) | 2023.08.19 |
[공식문서] NextJS - Assets, Metadata, and CSS #10 (0) | 2023.08.17 |
[공식문서] NextJS - Assets, Metadata, and CSS #9 (0) | 2023.08.17 |