Next.js는 프로젝트 파일을 어떻게 구성하고 동일한 위치에 배치하는지에 대해 강력한 의견을 가지지 않습니다. 다음은 기본 동작과 프로젝트를 조직화하는 데 사용할 수 있는 기능 및 전략에 대한 정보입니다.
기본적으로 안전한 동일 위치 배치 (Safe colocation by default):
프로젝트 조직화 기능 (Project organization features):
프로젝트 조직 전략 (Project organization strategies):
Next.js 프로젝트의 app 디렉터리에서 중첩된 폴더 계층은 라우트 구조를 정의하는 데 사용됩니다.
각 폴더는 URL 경로의 해당 세그먼트에 매핑되는 라우트 세그먼트를 나타냅니다.
그러나 폴더 구조를 통해 라우트를 정의하더라도 라우트는 해당 라우트 세그먼트에 page.js 또는 route.js 파일이 추가되기 전까지는 공개적으로 접근할 수 없습니다.
그리고 한 번 라우트가 공개적으로 접근 가능하게 되더라도, 해당 라우트에서 page.js 또는 **route.js**에 의해 반환된 콘텐츠만이 클라이언트로 전송됩니다.
이것은 프로젝트 파일들이 app 디렉토리 내의 라우트 세그먼트 안에 안전하게 공존할 수 있음을 의미합니다. 이들은 우연히 라우트로 이어지지 않습니다.
알아두면 좋은 점:
이는 모든 파일이 라우트로 간주되는 페이지 디렉토리와 다릅니다. app 디렉토리에 프로젝트 파일을 함께 두는 것이 가능하지만, 꼭 그렇게 할 필요는 없습니다. 원한다면 app 디렉토리 외부에 유지할 수도 있습니다.
Next.js는 프로젝트를 조직하는 데 도움이 되는 여러 기능을 제공합니다.