/app 안에서는 비교적 자유료운 구조를 활용해도 좋다.
/app 폴더 안의 폴더 구조와 page.js 는 URL과 매핑된 routes와 그 관계를 표현한다.
page.js 대신 route.js를 쓰기도 한다
각각의 폴더는 page.js나 route.js가 있어야 Next.js에 의해 route로 인정된다!
그리고 page.js에서 return해준 컴포넌트만 client로 보내진다.
이렇게 하면 실수로 "routable"한 directory가 만들어지는걸 방지할 수 있다고 한다.
=> routable한 파일과 not routable한 파일의 구분이 중요하다.
routable: /app/asdf/page.js안에서 return 해준 애
not routable: /app 안의 폴더가 해당 폴더의 경로에 page.js를 가지지 않을 때
Next.js는 프로젝트 구조화에 도움이 되는 몇 가지 기능들이 있다.
/app 밖에서 컴포넌트를 구조화하고 app폴더 안에서는 routable한 애들만 관리하는 방법
/app 최상단의 components 폴더에서 관리하는 방법
기능이나 라우트 기준으로 폴더로 묶어 관리하는 방법(/app/components는 동일)