NextJS 프레임워크의 프로젝트 파일 구조

프로젝트 생성 후 해당 폴더에 특정 파일 구조가 생성됩니다. 가장 중요한 구성 요소들을 함께 살펴보겠습니다:

• /node_modules/
• /src//app/globals.csslayout.jsxpage.jsx
• next.config.mjs
• package.json
• tailwind.config.js

프로젝트 작업 과정에서 생성할 파일들은 src 및 src/app 폴더에 저장됩니다. 현재 src 폴더에는 작업 폴더 app 하나만 있습니다. 그 안에는 CSS 설정 작업을 위한 파일 (global.css), 페이지의 기본 마크업 파일 (layout.jsx) 및 프로젝트의 기본 라우트 파일 (page.jsx)이 저장되어 있습니다.

next.config.mjs 파일에는 프로젝트의 기본 설정이 포함되어 있습니다.

tailwind.config.js 파일에는 이 프로젝트에서 사용되는 Tailwind 스타일의 기본 설정이 포함되어 있습니다.