폴더 및 파일의 역할
폴더
- 경로를 정의하는 데 사용.
- 경로는 루트 폴더에서 파일이 포함된 최종 리프 폴더 까지 파일 시스템 계층 구조를 따르는 중첩 폴더의 단일 경로이다.
파일
- 경로 세그먼트의 대해 표시되는 UI를 만드는 데 사용된다.
- 경로의 각 폴더는 경로 새그먼트를 나타낸다.
- 각 경로 세그먼트는 URL 경로의 해당 새그먼트에 매핑된다.
- / : 루트 세그먼트
- dashboard : 세그먼트
- settings : 리프 세그먼트
구성 요소 계층
- 경로 세그먼트의 특수 파일에 정의된 React 구성 요소는 특정 계층 구조로 렌더링된다.
- layout.js
- template.js
- error.js :
- loading.js :
- not-found.js :
- page.jslayout.js 또는 중첩
경로 세그먼트(/dashboard, /settings) 내의 특수파일(layout.js, error.js) 등 의 이름으로 파일을 정의할 시 Next.js 가 렌더링될 때 그에 맞는 React 컴포넌트로 렌더링 해주는 것 같습니다.
아울러 이는 세그먼트가 중첩될 때도 동일한 규칙이 적용 되어 보입니다.
Router app_
- 공유 레이아웃
- 중첩 라우팅
- 로딩 상태
- 오류 처리
등 지원하는 React Server 구성 요소에 구축된 새로운 라우터를 도입함.
-> Next.js 13 때 등장!
