@slot 폴더는 한 URL 안에서 여러 UI 영역을 독립 스트림으로 렌더링한다
병렬 라우트는 URL 세그먼트를 늘리는 기능이 아니라, 레이아웃이 받을 슬롯 props를 늘리는 기능이다.
| 폴더/파일 | 레이아웃에서 받는 값 | 화면 책임 | 필수 점검 |
|---|---|---|---|
| app/dashboard/@analytics/page.tsx | analytics | 분석 패널을 독립 렌더 | 느린 데이터는 이 슬롯에서만 loading 처리 |
| app/dashboard/@team/page.tsx | team | 팀 활동 패널을 독립 렌더 | 다른 슬롯 오류와 분리 |
| app/dashboard/layout.tsx | { children, analytics, team } | 여러 슬롯을 같은 화면에 배치 | props 이름은 @ 폴더명과 맞아야 함 |
| @analytics/loading.tsx | analytics loading | 분석 패널만 로딩 UI 표시 | 전체 대시보드를 막지 않음 |
| @analytics/error.tsx | analytics error | 분석 패널 오류만 복구 | 'use client'와 reset 버튼 확인 |
| @analytics/default.tsx | analytics fallback | 직접 접근/새로고침 시 빈 상태 제공 | 슬롯마다 default.tsx 준비 |