Convention
App Router 예약 파일 규칙
App Router는 파일 이름 자체가 역할을 가진다. layout, page, loading, error가 segment 안에서 서로 다른 렌더 책임을 맡는다.
파일 이름이 라우팅 역할이 되는 방식
file rolespage.tsx
URL에 실제로 매칭되어 렌더되는 화면이다.
loading.tsx
비동기 경계에서 대기 UI를 자동으로 표시한다.
error.tsx
segment 내부 오류를 잡아 복구 UI를 제공한다.
app segment→layout→page→loading/error→render tree
파일 컨벤션은 설정을 줄이는 대신 이름의 의미가 중요해진다. 역할이 다른 파일을 같은 컴포넌트처럼 다루면 구조가 흐려진다.