개발 서버는 프로젝트 폴더로 이동한 뒤 실행하고, localhost 화면과 수정 반영을 확인한다
서버가 안 켜질 때는 명령보다 먼저 현재 터미널 위치가 프로젝트 내부인지 확인한다.
| 순서 | 명령/행동 | 확인할 결과 | 문제가 있으면 |
|---|---|---|---|
| 1 | cd my-next-app | package.json이 있는 폴더로 이동 | 현재 경로와 프로젝트명 확인 |
| 2 | npm run dev | 개발 서버 시작 로그 출력 | scripts, 의존성 설치 여부 확인 |
| 3 | localhost 주소 열기 | 초기 페이지 표시 | 포트 충돌, 방화벽, 서버 로그 확인 |
| 4 | page.tsx 수정 후 저장 | 브라우저 화면 자동 반영 | 저장 여부, HMR 로그, 새로고침 확인 |
| 5 | Ctrl+C로 종료 | 터미널 프롬프트 복귀 | 실행 중인 Node 프로세스 확인 |