[Nextjs] 4장 폴더 구조 이해하기

🤓 1. 폴더 구조Next.js는 React를 기반으로 한 프레임워크로, 파일 기반 라우팅, 서버 사이드 렌더링, 정적 사이트 생성 등 다양한 기능을 제공하며, 여기에 TypeScript(TSX)를 더하면 코드 안정성과 유지 보수성이 강화되어 대규모 프로젝트에 적합한 코드가 됩니다. 하지만 처음 시작할 때 어려운 부분이 바로 폴더구조이기에 이번 포스팅을 폴더 구조를 이해하는 방식에 대해 알아보겠습니다.☺️ 2. 프로젝트 폴더 구조 이해/app /page.tsx ← index 페이지 /layout.tsx ← 공통 레이아웃/components Button.tsx Header.tsx/styles globals.css Button.module.css/lib fetche..