260715_0

docs/wiki/pages/B05_wf2_Route/B05_frontend.md

@@ -0,0 +1,44 @@
+---
+type: page-frontend
+status: stable
+page_id: B05_wf2_Route
+related_pages: ["[[B05_wf2_Route/B05_backend]]", "[[B05_wf2_Route/B05_api]]", "[[B05_wf2_Route/B05_db]]"]
+last_updated: 2026-07-12
+source: 상위 프로젝트 B05_wf2_Route 실 코드 직접 확인 (2026-07-12)
+---
+
+# B05_wf2_Route — Frontend
+
+## 화면과 상호작용
+| 항목 | 위치 | 역할 |
+|---|---|---|
+| `renderB05Route()` | `B05_wf2_Route_UI_Page.ts:74` | 제어점·지표면·제약·결과 3단 UI 렌더링 |
+| 경로 계산 실행 | `B05_wf2_Route_UI_Page.ts:285` | 입력값을 `solveRoute()`로 전송하고 결과 메트릭 표시 |
+| 경로 확정 | `B05_wf2_Route_UI_Page.ts:311` | 최신 계산 경로를 `confirmRoute()`로 확정 |
+| workflow 상태 조회 | `B05_wf2_Route_UI_Page.ts:337` | 진입 단계와 진행상태 확인 |
+| B 페이지 scaffold | `B05_wf2_Route_UI_Page.ts:354` | 공통 단계 내비게이션과 페이지 이동 |
+
+## API 클라이언트
+| 항목 | 위치 | 역할 |
+|---|---|---|
+| `solveRoute()` | `B05_wf2_Route_Api_Fetch.ts:83` | 경로 탐색 실행 요청 |
+| `confirmRoute()` | `B05_wf2_Route_Api_Fetch.ts:94` | 최신 경로 확정 요청 |
+| `RouteSolveRequest` | `B05_wf2_Route_Api_Fetch.ts:24` | 지표면·제어점·제약 입력 타입 |
+| `RouteSolveResponse` | `B05_wf2_Route_Api_Fetch.ts:40` | 경로 ID·길이·메트릭·저장경로 타입 |
+
+## 입력 그룹
+| 항목 | 역할 |
+|---|---|
+| BP/EP/CP | 시작점·끝점·경유 제어점 |
+| AP/FP | 회피 원·금지 원과 반경 |
+| filter/method/smooth | 지표면 필터·표현·평활화 선택 |
+| grade/paved/curve radius | 임도 등급·포장·최소 곡선반경 |
+| uphill/downhill/weights | 종단경사 제한과 비용 가중치 |
+
+현재 코드에는 WebCAD 노선 폴리라인 편집·렌더링 컴포넌트가 없다.
+
+## 기술부채
+| 항목 | 위치 | 역할 |
+|---|---|---|
+| WebCAD 미구현 | `B05_wf2_Route_UI_Page.ts:74` | 결과는 메트릭·경로 저장경로 중심으로 표시 |
+| CSS 분리 검토 | `B05_wf2_Route_UI_Style.css:1` | 132줄 페이지 전용 스타일 |