Project setup

초기 질문은 프로젝트 규칙이 된다

create-next-app의 답변은 파일 구조, 타입 안정성, 라우터 방식, import 경로를 동시에 결정합니다.

TypeScript

타입 기준

컴포넌트 props와 서버 응답 구조를 초반부터 명확히 합니다.

ESLint

프로젝트 생성 품질

실습 코드의 오류와 팀 규칙 위반을 빠르게 잡습니다.

src

구조 기준

애플리케이션 코드와 설정 파일의 역할을 분리합니다.

App Router

라우팅 기준

app 폴더와 서버 컴포넌트를 기본 흐름으로 둡니다.

생성 결과

src/app, layout.tsx, page.tsx

실행 확인

npm run devlocalhost:3000

다음 작업

폴더 구조와 스크립트를 먼저 읽고 수정합니다.