detail update

.specify/templates/ui-router.md

@@ -1,24 +1,78 @@
 # [서비스명] - Router & UI 목록
 
+## 플랫폼 정보
+
+| 항목 | 내용 |
+|-----|------|
+| 플랫폼 타입 | [Web / Mobile App / PWA / Cross-platform] |
+| 네비게이션 패턴 | [Header+Sidebar / Bottom Tab / Top Tab] |
+| 반응형 지원 | [Yes / No] |
+| 반응형 브레이크포인트 | Desktop: 1024px+, Tablet: 768px~1023px, Mobile: <768px |
+
+---
+
 ## 라우터 구조
 
 ```
-/                           # 기본 = [메인탭]
-├── /[tab1]                 # 탭1 (목록)
+/                           # 기본 경로
+├── /[section1]             # 섹션1
 │   └── /:id                # 상세
-├── /[tab2]                 # 탭2 (목록)
+├── /[section2]             # 섹션2
 │   └── /:id                # 상세
-├── /[tab3]                 # 탭3 (메인 액션)
-├── /[tab4]                 # 탭4
-├── /[tab5]                 # 탭5
 └── /settings               # 설정
 ```
 
 ---
 
-## 탭 구조
+## 네비게이션 구조
 
-### 하단 탭바 (Bottom Tab)
+### 웹 (Header + Sidebar) - 해당 시
+
+**데스크톱 레이아웃 (1024px+)**
+```
+┌─────────────────────────────────────────────────┐
+│  Logo    [메뉴1] [메뉴2] [메뉴3]    👤 Profile  │
+├──────┬──────────────────────────────────────────┤
+│      │                                          │
+│ 사이드│  메인 컨텐츠 영역                          │
+│ 메뉴  │                                          │
+│      │                                          │
+└──────┴──────────────────────────────────────────┘
+```
+
+**헤더 네비게이션**
+
+| # | 메뉴 | 아이콘 | 경로 | 설명 |
+|---|-----|------|-----|------|
+| 1 | [메뉴1] | [아이콘] | `/[경로]` | [설명] |
+| 2 | [메뉴2] | [아이콘] | `/[경로]` | [설명] |
+
+**사이드바 메뉴**
+
+| # | 메뉴 | 아이콘 | 경로 | 뱃지 |
+|---|-----|------|-----|------|
+| 1 | [메뉴1] | [아이콘] | `/[경로]` | [조건] |
+| 2 | [메뉴2] | [아이콘] | `/[경로]` | [조건] |
+
+### 모바일 앱 (Bottom Tab) - 해당 시
+
+**모바일 레이아웃**
+```
+┌─────────────────────────────────────────────────┐
+│  [상단 헤더]                                     │
+├─────────────────────────────────────────────────┤
+│                                                 │
+│  메인 컨텐츠 영역                                 │
+│                                                 │
+├─────────────────────────────────────────────────┤
+│   [아이콘]  [아이콘]  [센터]  [아이콘]  [아이콘]  │
+│   탭1      탭2      탭3     탭4      탭5        │
+│                     ^^^^                        │
+│              (크게, 강조 배경)                   │
+└─────────────────────────────────────────────────┘
+```
+
+**하단 탭바**
 
 | # | 탭 | 아이콘 | 경로 | 뱃지 |
 |---|-----|------|-----|------|
@@ -28,18 +82,6 @@
 | 4 | [탭명] | [아이콘] | `/[경로]` | [뱃지 조건] |
 | 5 | [탭명] | [아이콘] | `/[경로]` | [뱃지 조건] |
 
-### 탭바 레이아웃
-
-```
-┌─────────────────────────────────────────────────┐
-│                                                 │
-│   [아이콘]  [아이콘]  [센터]  [아이콘]  [아이콘]  │
-│   탭1      탭2      탭3     탭4      탭5        │
-│                     ^^^^                        │
-│              (크게, 강조 배경)                   │
-└─────────────────────────────────────────────────┘
-```
-
 ---
 
 ## 화면 목록