프로젝트 생성이 끝나면 화면, 명령, 폴더, 의존성, 개발 서버 상태를 함께 확인한다
브라우저 화면만 열렸다고 모든 준비가 끝난 것은 아니다. 다음 실습이 막히지 않도록 기본 신호를 점검한다.
| 점검 항목 | 좋은 상태 | 확인 방법 | 문제가 있으면 |
|---|---|---|---|
| 화면 | localhost에서 초기 페이지가 열림 | 브라우저 주소와 터미널 로그 확인 | 포트 충돌, 서버 로그, 방화벽 확인 |
| scripts | dev, build, start, lint가 package.json에 있음 | package.json scripts 읽기 | 생성 옵션 또는 설치 실패 확인 |
| 폴더 구조 | src/app 또는 app 디렉터리가 존재 | page.tsx, layout.tsx 위치 확인 | App Router 선택 여부 확인 |
| 의존성 | node_modules와 lockfile이 생성됨 | 설치 로그와 파일 목록 확인 | npm install 재시도, cache, 네트워크 확인 |
| 수정 반영 | page.tsx 수정 시 화면이 갱신됨 | 문구를 작게 바꿔 저장 | 개발 서버 재시작, 저장 여부 확인 |