드디어.... 지옥의 불구덩이로 들어가게숩니다.
우리는 계속 이 문서를 볼 거시다... -> https://nextjs-ko.org/docs/getting-started
시작하기 – Nextjs 한글 문서
Next.js 문서에 오신 것을 환영합니다.
nextjs-ko.org
🗂️ 구조별 폴더 생성 및 컨벤션 정립
Getting Started > Project Structure를 보면 프로젝트 구조가 나와 있으며 해당 문서를 참고하여 다음과 같이 만들었다.
📂 public
📂 src
📂 app
📂 assets
📂 components
📂 layout
📂 pages
| 📂 각 폴더별 설명 | |
| public | 정적 자산을 제공(favicon, og:images 등) |
| src/app | 실제 작업 파일 |
| assets | 이미지와 폰트 등 리소스 |
| components | 파일에 사용되는 컴포넌트 |
| pages | 실제 페이지들 |
| layout | 헤더, 푸터 등 레이아웃 모음 |
각 구조별 상세 폴더링을 해보겠다.
📂 public
📂 src
📂 app
📂 assets
📂 icons
📂 images
📂 fonts
📂 temp
📂 components
📂 Button
📂 layout
📂 pages
📂 sub pages