Project Structure
create-next-app 기본 골격
생성 직후에는 어떤 폴더가 사용자 화면을 만들고, 어떤 파일이 개발 환경을 고정하는지 구분해야 한다.
폴더 역할 맵
app routerpublic
이미지와 폰트처럼 그대로 제공되는 정적 자원을 둔다.
package.json
실행 스크립트와 의존성 목록을 한곳에서 관리한다.
설정 파일
tsconfig, next.config, lint 설정이 프로젝트 규칙을 고정한다.
create→files→routes→run
처음에는 모든 파일을 외우기보다 화면을 만드는 폴더, 자원을 두는 폴더, 도구를 설정하는 파일로 나눠 보면 된다.