[공식문서] Next.js 앱 만들기 #3

페이지 편집하기

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

 

• 먼저, Next.js 개발 서버가 여전히 실행 중인지 확인하세요.
• 텍스트 편집기를 사용하여 pages/index.js 파일을 열어보세요.
• <h1> 태그 아래에 있는 "Welcome to"라는 텍스트를 찾아 "Learn"으로 변경해보세요.
• 파일을 저장하세요.

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

Next.js 공식문서 - 실행 화면

 

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

 

다음 단계 : 페이지 생성

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

 

다음 레슨에서는 더 많은 페이지를 생성하고 페이지 간에 이동하는 방법에 대해 알아보겠습니다.

 

개발 서버를 계속  실행 상태로 유지하는 것이 좋지만, 재시작하려면 Ctrl + c를 눌러 서버를 중지하세요.