Next.js 프로젝트 생성은 위치, 명령, 질문, 설치, 실행 확인을 순서대로 통과한다
create-next-app은 폴더를 만드는 명령이 아니라 프로젝트 규칙과 초기 실행 환경을 한 번에 고정하는 시작 절차다.
| 순서 | 하는 일 | 성공 신호 | 실패하면 먼저 볼 곳 |
|---|---|---|---|
| 1. 위치 선택 | 프로젝트를 둘 작업 폴더로 이동 | 터미널 경로가 원하는 위치를 가리킴 | 폴더 권한, 경로 오타, 공백 포함 경로 |
| 2. 생성 명령 | npx create-next-app@latest my-next-app 실행 | 질문 목록이 순서대로 표시됨 | npx, 네트워크, npm registry |
| 3. 질문 선택 | TypeScript, App Router, src 디렉터리 등 선택 | 선택에 맞는 파일 구조가 생성됨 | App Router Yes 여부, 프로젝트명 중복 |
| 4. 설치 확인 | 의존성 다운로드와 lockfile 생성을 기다림 | Success 메시지와 실행 명령 안내 | 패키지 설치 로그, 권한, cache |
| 5. 개발 서버 | cd my-next-app 후 npm run dev 실행 | localhost 주소와 시작 화면 표시 | 포트 충돌, package.json scripts, 설치 누락 |