📚 Reference

• 공식 문서 1

📜 Chapter

Page Router

기본으로 생성되는 프로젝트 구조

.next
node_modules
pages
	└── _app.js (_app.tsx), 
public
styles
.eslintrc.json
next-env.d.ts
next.config.js
.gitignore
package-lock.json
package.json
README.md
tsconfig.json

1. .next
   • npm run dev 실행 시 생성되는 폴더와 파일
2. node_modules
   • 설치된 npm modules 관련 폴더와 파일
3. pages
   • 프로젝트에서 화면에 표시될 페이지 관련 폴더- 페이지를 담당하는 컴포넌트( Nextjs에서는 Routing 시스템이 파일구조로 되어있다. 그래서 pages 폴더에는 파일 이름과 구조에 나름대로 컨벤션이 존재한다. 예:_app.js 등)
   • _app.js
   • _document.js
   • index.js
4. public
   • 프로젝트에 사용될 Static 한 파일들(이미지 파일 등)이 저장된 폴더
   • 정적 자원을 갖고 있는 폴더
   • 정적 리소스(Static Resource)
     • 이미지, 아이콘 등 웹 페이지를 표시하는데 필요한 자원
5. styles
   • CSS 관련 폴더
6. .eslintrc.json
   • ESLint 설정 파일
7. next.config.js
   • Next.js 프로젝트 설정 파일
8. next-env.d.ts
   • npm run dev 실행 시 자동으로 생성됩니다.이 파일은 Next.js 유형이 TypeScript 컴파일러에서 선택되도록 한다.
   • 제거할 수는 없지만 편집할 수는 있다(하지만 필요하지 않음).
   • Next.js서 추천 설정한 TS로 만들고 싶으면 next-env.d.ts 편집.
9. .gitignore
   • git 버전 관리에서 무시하고 싶은 파일 이름을 기록하는 파일
     • .next
     • node_modules
     • .env
       • 이건 필요에 따라서.
10. package-lock.json
    • 생성된 node_modules 폴더의 정보
11. package.json
    • 사용하는 node_modules 정보- 기본적인 프로젝트에 대한 명세