260715_0

docs/wiki/pages/B06_wf3_ProfileCross/B06_frontend.md

@@ -0,0 +1,40 @@
+---
+type: page-frontend
+status: stable
+page_id: B06_wf3_ProfileCross
+related_pages: ["[[B06_wf3_ProfileCross/B06_backend]]", "[[B06_wf3_ProfileCross/B06_api]]", "[[B06_wf3_ProfileCross/B06_db]]"]
+last_updated: 2026-07-12
+source: 상위 프로젝트 B06_wf3_ProfileCross 실 코드 직접 확인 (2026-07-12)
+---
+
+# B06_wf3_ProfileCross — Frontend
+
+## 화면·workflow
+| 항목 | 위치 | 역할 |
+|---|---|---|
+| `renderB06ProfileCross()` | `B06_wf3_ProfileCross_UI_Page.ts:57` | 측점·횡단 옵션·결과 메트릭 화면 렌더링 |
+| 종횡단 생성 실행 | `B06_wf3_ProfileCross_UI_Page.ts:201` | 입력 옵션을 `generateSections()`로 전송 |
+| 종횡단 확정 | `B06_wf3_ProfileCross_UI_Page.ts:233` | route별 종횡단을 `confirmSections()`로 확정 |
+| workflow 상태 조회 | `B06_wf3_ProfileCross_UI_Page.ts:259` | 단계 상태와 진입 가능 단계 조회 |
+| workflow layout 구성 | `B06_wf3_ProfileCross_UI_Page.ts:271` | 공통 단계·경로·상태 표시 |
+
+## API 클라이언트
+| 항목 | 위치 | 역할 |
+|---|---|---|
+| `generateSections()` | `B06_wf3_ProfileCross_Api_Fetch.ts:82` | 종단면·횡단면 생성 요청 |
+| `getSections()` | `B06_wf3_ProfileCross_Api_Fetch.ts:93` | route별 결과 요약 조회 |
+| `confirmSections()` | `B06_wf3_ProfileCross_Api_Fetch.ts:103` | 생성 결과 확정 요청 |
+| `SectionGenerateRequest` | `B06_wf3_ProfileCross_Api_Fetch.ts:18` | 측점·폭·샘플 간격 입력 타입 |
+| `SectionGenerateResponse` | `B06_wf3_ProfileCross_Api_Fetch.ts:31` | 종단 ID·횡단 개수·길이·파일경로 타입 |
+
+## 입력 옵션
+| 항목 | 역할 |
+|---|---|
+| `route_id` | 확정된 B05 경로 선택 |
+| `filter_key`, `method`, `smooth`, `crs` | 지표면 필터·표현·평활화·좌표계 |
+| `station_interval_m` | 종단 측점 간격 |
+| `cross_half_width_m` | 횡단 좌우 반폭 |
+| `cross_sample_interval_m` | 횡단 표고 샘플 간격 |
+| `long_sample_interval_m` | 종단 표고 샘플 간격 |
+
+현재 코드에는 종단도·횡단 프로필을 WebCAD로 렌더링하는 전용 뷰어가 없다.