Routing Files라우팅 파일
| layout | .js .jsx .tsx .js .jsx .tsx |
Layout 레이아웃 여러 페이지를 감싸는 공통 레이아웃 정의 네비게이션이나 헤더, 푸터 등을 포함 |
| page | .js .jsx .tsx .js .jsx .tsx |
Page 페이지 실제 페이지 콘텐츠를 정의 URL에서 접근 가능한 페이지 생성 |
| loading | .js .jsx .tsx .js .jsx .tsx |
Loading UI 로딩 UI |
| not-found | .js .jsx .tsx .js .jsx .tsx |
Not found UI 찾을 수 없음 UI |
| error | .js .jsx .tsx .js .jsx .tsx |
Error UI 오류 UI |
| global-error | .js .jsx .tsx .js .jsx .tsx |
Global error UI 전역 오류 UI |
| route | .js .ts .js .ts |
API endpoint API 엔드포인트 |
| template | .js .jsx .tsx .js .jsx .tsx |
Re-rendered layout 다시 렌더링된 레이아웃 |
| default | .js .jsx .tsx .js .jsx .tsx |
Parallel route fallback page 병렬 경로 대체 페이지 |
https://nextjs.org/docs/app/getting-started/project-structure
'개발 > NEXTJS' 카테고리의 다른 글
| useFormStatus, useFromState, useActionState 비교 (0) | 2025.01.04 |
|---|---|
| 서버 컴포넌트에서 loading이 필요 한 이유 (2) | 2025.01.03 |
| slug 동적 라우트와 catch-all 라우트 차이 이해하기 (1) | 2025.01.02 |
| 병렬 세그먼트 (0) | 2025.01.02 |
| Next.js 15의 Page Props 변경사항 정리 (1) | 2024.12.29 |