[Next.js Learn] Create a Next.js App(4) - Editing the Page

0

Next.js Learn

목록 보기
29/50

페이지 수정하기(Editing the Page)

시작 페이지를 편집해보겠습니다.

  • Next.js 개발 서버가 여전히 실행 중인지 확인하세요.
  • 텍스트 편집기로 pages/index.js 파일을 엽니다.
  • <h1> 태그 아래에 있는 "Welcome to"라고 쓰인 텍스트를 "Learn"으로 변경하세요.
  • 파일을 저장하세요.

파일을 저장하는 즉시, 브라우저는 새로운 텍스트로 페이지를 자동으로 업데이트합니다:

Next.js 개발 서버는 Fast Refresh가 활성화되어 있습니다. 파일을 수정하면 Next.js가 변경 사항을 브라우저에 거의 즉시 적용합니다. 새로고침이 필요하지 않습니다! 이를 통해 앱을 신속하게 개발할 수 있습니다.

다음 단계: 페이지 만들기(Next Up: Creating Pages)

잘 하셨습니다! 첫 번째 레슨은 여기까지입니다.

다음 레슨에서는 더 많은 페이지를 만들고 페이지 간에 이동하는 방법에 대해 이야기할 것입니다.

개발 서버를 계속 실행 상태로 유지해야 하지만, 재시작하기 위해 서버를 중지하려면 Ctrl + c를 누르세요.


출처: https://nextjs.org/learn/basics/create-nextjs-app/editing-the-page

profile
지치지 않는 백엔드 개발자 김성주입니다 :)

0개의 댓글