chore(요구): 제안 367 본보기 프로그램 — 조사 셋(Onshape · Felt · InfraWorks/ConceptStation) · 그림 58 · 권함 = Felt 꼴 + 도로 칸 ConceptStation

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/raw/요구_1025/_조사_367-A_본보기_업계.md

@@ -0,0 +1,81 @@
+relay_7b94132d8a3f dispatch:ctx_a3e4088486eb -> run:run_06a1a55f92be: "요구 366·367 본보기 프로그램 조사 A (1순위 Onshape · 2순위 Autodesk Forma 통째 이식 설계안) 완료"
+### ① 결론 다섯 줄 (본보기 1순위 · 2순위 · 선정 까닭)
+1. **본보기 1순위 — `Onshape` (클라우드 엔지니어링 워크스페이스)**: 웹 브라우저 하나로 문서(프로젝트) 관리부터 3D 모델링·2D CAD 도면·BOM 수량표·보고서·버전/공유까지 끝내는 상용 SaaS의 완성형 표준임.
+2. **1순위 선정 까닭**: 프로젝트 하나 안에서 **하단 워크스페이스 탭 바(지형 → 노선·종단 → 횡단 → CAD도면 → 수량 → 원가)**로 이질적인 뷰(3D·CAD·표)를 한 창에서 즉시 전환하고, **상단 문맥 툴바 + 좌측 피처/측점 트리 + 우측 속성/내역 플라이아웃**을 유지하는 틀이 우리 B·D·E 3대 묶음과 1:1로 맞아떨어짐.
+3. **본보기 2순위 — `Autodesk Forma` (클라우드 지형·도로 대지 계획 및 실시간 분석)**: 지도·3D 지형 위에서 대안 노선을 긋고 우측 패널에서 토공량·경사·안전율을 실시간 비교하는 공간 설계 표준임.
+4. **2순위 선정 까닭**: `Onshape`가 전체 프로그램 껍데기(홈 대시보드 + 프로젝트 탭 + CAD/표 전환)의 본보기라면, `Autodesk Forma`는 그 안의 **지도·지형·해석 탭(B05 노선, D02~D03 예정노선, E03~E07 안정성평가)** 내부 좌·중·우 3단 캔버스 구성을 그대로 본뜰 최적의 짝임.
+5. **결합 전략**: **전체 골격(첫 화면 폴더/표 대시보드 → 프로젝트 상단 헤더·하단 공정 탭 전환 → 우측 슬라이드 테이블·설정)은 `Onshape`를 통째로 따르고**, 지도·단면·안정성 작업 캔버스 내부만 `Autodesk Forma` + `Rocscience Slide2`의 좌측 대안/측점 트리 + 우측 분석 인스펙터 배치를 이식함.
+
+### ② 후보 프로그램 4종 상세 (캡처 저장 위치: `tmp/brain_367/ref_A/`)
+
+#### 후보 1 (1순위). Onshape (Cloud CAD & PDM Workspace)
+- **한 줄 소개**: 설치 없이 브라우저에서 프로젝트 관리·3D 설계·2D 상세 도면·수량표(BOM)·승인 배포를 한 문서 안의 탭으로 처리하는 클라우드 엔지니어링 SaaS임.
+- **공개 확인 주소**: `https://cad.onshape.com/help/Content/Home/user_interface_basics.htm` · `https://www.onshape.com/en/features/pdm` · `https://www.onshape.com/en/features/drawings` · `https://www.onshape.com/en/features/bill-of-materials`
+- **전체 흐름 (5줄)**:
+  1. **첫 화면(Documents Page)**: 좌측 필터 레일(내 프로젝트·공유됨·발주처 수신·휴지통) + 중앙 고밀도 프로젝트 표 + 행 클릭 시 우측 상세/공유 패널이 열림.
+  2. **프로젝트 생성·열기**: 좌상단 `[Create ▾]` 버튼으로 프로젝트(묶음 선택) 생성 후 클릭 시 단일 워크스페이스 창으로 진입함.
+  3. **작업 화면**: 상단 2단 바(문서 타이틀/버전/공유 바 + 현재 탭 전용 아이콘 툴바) + 좌측 피처·레이어 트리(260px) + 중앙 대전면 WebGL 캔버스 + 우측 접이식 테이블/속성 드로어로 구성됨.
+  4. **단계 이동**: 화면 **하단 고정 탭 바(Bottom Tab Bar)**에 `[Part Studio(3D)] [Assembly] [Drawing(2D CAD)] [BOM(표)]` 탭이 나란히 놓여 클릭 한 번으로 3D→CAD→표를 즉시 오감.
+  5. **결과·설정**: 각 탭 우클릭/우상단에서 DWG·PDF·Excel 내보내기와 릴리즈(확정 전달) 모달을 실행하며, 우상단 프로필 메뉴에서 계정·회사·시스템 설정 화면으로 전환함.
+- **쓰기 쉬운 점 / 안 맞는 점**: **[장점]** 좌하단 `[<][>]` 없이 하단 탭 바로 전 공정을 한눈에 오가며 3D·CAD·표가 한 프로그램처럼 자연스럽게 이어짐 / **[단점]** 기계 CAD 기반이라 지형 지도·종횡단 분할 뷰는 후보 2·3의 캔버스 분할을 보충해야 함.
+- **화면 그림(4장)**: `onshape_01_documents_dashboard.png`, `onshape_02_workspace_ui_basics.png`, `onshape_03_drawings_2d_cad.png`, `onshape_04_bom_table_panel.png`
+
+#### 후보 2 (2순위). Autodesk Forma (Cloud Site, Terrain & Road Planning)
+- **한 줄 소개**: 클라우드 지형·위성지도 위에서 도로·단지 대안을 설계하고 토공량·경사·환경 지표를 실시간 분석·비교하는 웹 설계 프로그램임.
+- **공개 확인 주소**: `https://www.autodesk.com/products/forma/overview` · `https://blogs.autodesk.com/forma/2026/08/28/forma-site-design-tools-overview/` · `https://blogs.autodesk.com/forma/2025/06/19/terrain-editing-made-easy-with-forma-site-design/` · `https://www.autodesk.com/products/forma-site-design/product-details`
+- **전체 흐름 (5줄)**:
+  1. **첫 화면(Project Hub)**: 프로젝트 카드 그리드 + 지도 위치 미리보기 + 팀원 초대 허브로 시작함.
+  2. **프로젝트 진입**: 대지 영역(지형·도로 레이어)을 지정하거나 기존 파일을 불러와 3D 지형 캔버스를 생성함.
+  3. **작업 화면**: 좌측 사이드바 상단 `Proposals(연도별·노선 대안 목록)` + 하단 `Layers(지형·지적·등고선)` + 캔버스 중앙 플로팅 드로잉 툴바 + 우측 실시간 `Analyze(토공 절성토량·경사 분석)` 패널로 배치됨.
+  4. **단계 이동**: 상단 헤더 중앙의 세그먼트 스위치(`Site Design` ↔ `Compare(대안 비교)` ↔ `Board(보고 보드)`)로 설계와 비교·보고 단계를 전환함.
+  5. **결과·설정**: `Compare` 화면에서 대안별 물량·위험도를 나란히 비교한 뒤 Civil 3D/외부 설계사로 확정 노선을 내보냄.
+- **쓰기 쉬운 점 / 안 맞는 점**: **[장점]** 산림청 예정노선(D)과 임도 노선설계(B05)의 대안 비교·지형 분석 UX가 가장 직관적임 / **[단점]** 정밀 2D CAD 도각 편집과 원가계산서 스프레드시트 화면은 없음.
+- **화면 그림(4장)**: `forma_01_product_overview.png`, `forma_02_ui_navigation.png`, `forma_03_terrain_earthwork.png`, `forma_04_analysis_panel.png`
+
+#### 후보 3 (3순위). Bentley OpenRoads Designer & iTwin Platform (AppUI)
+- **한 줄 소개**: 도로 선형·종단·횡단·3D 코리더·토공 수량을 다중 동기화 뷰포트로 다루는 토목 인프라 설계 표준 소프트웨어임.
+- **공개 확인 주소**: `https://www.bentley.com/products/openroads-designer/` · `https://www.bentley.com/products/itwin-platform/` · `https://www.itwinjs.org/`
+- **전체 흐름 (5줄)**:
+  1. **첫 화면**: WorkSpace(발주처/설계기준) 및 WorkSet(프로젝트) 선택 백스테이지 화면으로 시작함.
+  2. **프로젝트 진입**: 프로젝트 표준 템플릿(설계속도·폭원·비탈면 경사 기준)을 로드하여 작업창을 엶.
+  3. **작업 화면**: 상단 공정별 리본 툴바 + 좌측 Explorer 트리 + **중앙 2~3분할 동기화 뷰포트(좌상 평면도 + 좌하 종단도 + 우측 횡단도/3D)** + 하단 상태 표시줄(스냅·좌표·축척)로 구성됨.
+  4. **단계 이동**: 좌상단 워크플로우 드롭다운 및 리본 탭(`지형 → 선형 → 종횡단 → 코리더 → 도면생성 → 수량산출`)을 순서대로 따라감.
+  5. **결과·설정**: 도면 시트 자동 분할 후 토공 수량 집계표(Civil Report)와 내역서를 출력하며, File 백스테이지에서 환경설정을 관리함.
+- **쓰기 쉬운 점 / 안 맞는 점**: **[장점]** 평면·종단·횡단 3뷰 동시 연동과 하단 상태바가 토목 엔지니어에게 가장 익숙함 / **[단점]** 상단 리본 명령이 너무 빽빽해 웹 SaaS에 그대로 옮기면 무거움.
+- **화면 그림(3장)**: `bentley_01_openroads_overview.png`, `bentley_02_itwin_platform.png`, `bentley_03_itwinjs_appui.png`
+
+#### 후보 4 (4순위). Rocscience Slide2 / Slide3 (지반·사면안정 해석 워크스페이스)
+- **한 줄 소개**: 지층 단면·3D 지형 모델링부터 한계평형 탐색·Safety Map 시각화·보고서 출력까지 일원화한 사면안정 해석 표준 프로그램임.
+- **공개 확인 주소**: `https://www.rocscience.com/software/slide2` · `https://www.rocscience.com/help/slide2/documentation/slide2-model/slide2-overview` · `https://www.rocscience.com/software/slide3`
+- **전체 흐름 (5줄)**:
+  1. **첫 화면**: 최근 프로젝트 목록과 템플릿/검증 예제 탐색기로 시작함.
+  2. **프로젝트 진입**: 프로젝트 설정(해석 방법 Bishop/Janbu/Spencer, 지하수 조건, 수렴 공차) 모달을 먼저 확정함.
+  3. **작업 화면**: 상단 워크플로우 탭(`Geometry → Groundwater → Loading/Support → Surfaces`) + 좌측 시나리오(건기/우기/지진) 트리 + 중앙 단면/3D 뷰어 + 하단 좌표 입력줄로 구성됨.
+  4. **단계 이동**: 상단 우측 `[Compute(해석)]` → `[Interpret(결과 보기)]` 버튼으로 모델링 모드와 결과 해석 모드를 전환함.
+  5. **결과·설정**: Interpret 화면에서 등안전율 컬러맵(Safety Map)·절편 자유물체도를 확인하고 `[Report Generator]`로 목차형 계산서를 즉시 인쇄함.
+- **쓰기 쉬운 점 / 안 맞는 점**: **[장점]** 안정성평가(E02~E07)의 시나리오 관리·Safety Map·절편 그래프·보고서 생성 흐름의 직접적인 정답지임 / **[단점]** 노선 설계나 원가 내역서 기능은 없음.
+- **화면 그림(3장)**: `rocscience_01_slide2_overview.png`, `rocscience_02_slide2_help_ui.png`, `rocscience_03_slide3_overview.png`
+
+### ③ 1순위 본보기(`Onshape` 골격 + `Forma/Slide2` 캔버스)에 우리 기능을 옮긴 지도
+| 우리 화면 | 본보기의 어느 화면 · 어떤 꼴로 매핑 | 구현 메모 |
+| :--- | :--- | :--- |
+| **`B01` 대시보드** | **Onshape `Documents Page`**: 좌측 고정 필터 메뉴(`전체 프로젝트` / `임도설계 B` / `예정노선 D` / `안정성평가 E` / `받은 예정노선함` / `임시보관함`) + 중앙 고밀도 프로젝트 표 + 우측 프로젝트 요약·할당 드로어 | 한 화면 1열 세로 나열 폐지, 프로젝트 표 집중 |
+| **`B02·D01·E01` 등록** | **Onshape `[Create ▾]` 모달**: 대시보드 좌상단 주 버튼 클릭 시 2단계 깔끔한 모달(묶음 선택 → 기본 제원·노선 가져오기)로 생성 후 즉시 워크스페이스 진입 | 별도 빈 페이지 이동 대신 빠른 생성 모달화 |
+| **`B03~B09` 공통 틀** | **Onshape `Document Workspace`**: 상단 44px 헤더(프로젝트명·저장상태·내보내기) + 상단 40px 문맥 툴바 + **하단 36px 공정 탭 바(`[1.파일] [2.전처리] [3.노선·종단] [4.횡단] [5.CAD도면] [6.수량] [7.원가]`)** | 좌하단 `[?][<][>]` 폐지, 하단 탭 바로 즉시 전환 |
+| **`B03` 업로드 · `B04` 전처리** | **Onshape `Import & Part Studio`**: 좌측에 업로드 파일·전처리 레이어 트리(LAS·정사영상·수치지도 체크박스), 중앙에 3D/2D 지형 미리보기, 상단 툴바에 전처리 실행 상태 표시 | 좌측 거대 버튼 2개 대신 파일·레이어 트리 배치 |
+| **`B05` 노선·종단 · `B06` 횡단** | **Forma `Canvas` + OpenRoads `Split View`**: 좌측에 노선 대안·측점(`0+000~`) 리스트 트리, 중앙 상단에 평면 지도, 중앙 하단에 리사이즈 종단도, 우측 도킹 패널에 횡단도·구조물 속성 배치 | 평면·종단·횡단 스플리터(Split Pane) 동기화 |
+| **`B07` CAD 도면** | **Onshape `Drawing Tab`**: 좌측에 시트(도면 목록: 표지·평면·종단·횡단·구조물) 썸네일/트리, 상단에 아이콘+짧은 라벨 CAD 툴바, 하단에 스냅·직교·축척 상태바 배치 | 빈 좌측 여백을 도면 시트 트리와 레이어 창으로 채움 |
+| **`B08` 수량 · `B09` 원가** | **Onshape `BOM Table` (전체화면 그리드 확장형)**: 상단 서브탭(`원가계산서 | 내역서 | 일위대가 | 단가산출 | 중기·자재`) + 중앙 꽉 찬 고정헤더/고정합계행 스프레드시트 + 우측 산출근거 슬라이드 패널 | 좌측 패널을 접어 표 가로 폭 100% 확보 |
+| **`D02~D04` 예정노선** | **Autodesk Forma `Proposals & Compare`**: 좌측에 연도별(`2027~2029`) 대안 카드 트리(클릭 시 지도·횡단 즉시 전환), 우상단 `[안 비교]` 및 `[노선 확정·설계사 배정]` 액션 바 배치 | 산림청 발주처용 깔끔한 대안 비교 중심 |
+| **`E02~E07` 안정성평가** | **Onshape 하단 탭(`[1.지반정수] [2.2D단면] [3.3D광역] [4.암반] [5.보고서]`) + Slide2 뷰어**: 좌측에 측점(`O.K./N.G.` 필터) 리스트, 중앙에 단면/3D Safety Map(평면 위험띠는 단면 상단 44px 미니바로 압축), 우측에 `[결과요약 | 절편표 | 그래프]` 탭 패널 | E03 상단 25% 빈 공간을 차지하던 위험띠 압축 |
+| **설정 · 사용자 가이드** | **Onshape `My Account / Company Settings` & 우상단 `[?]` 슬라이드오버**: 대시보드 좌하단 `[⚙ 회사·시스템 설정]` 전용 화면으로 분리하고, 가이드는 작업 화면 우측 슬라이드 드로어로 호출 | 대시보드 본문에서 개인정보·보안 폼 완전 분리 |
+
+### ④ 따라 만들 때 주의 사항 및 라이센스
+- **복제 금지 경계**: Onshape·Forma·Slide2의 상표, 로고, 고유 그래픽 에셋, 독점 아이콘 세트는 일절 복제하지 않으며, **화면 분할 비율(헤더 44px · 툴바 40px · 좌측 트리 260px · 하단 탭/상태바 32px)과 작업 동선(워크스페이스 탭 전환)**만 참고해 자체 CSS(`ui_template/`)로 구현함.
+- **상용 안전 오픈소스 부품**: 아이콘은 **Lucide Icons (`ISC`) / Tabler Icons (`MIT`)**, 글꼴은 **Pretendard + JetBrains Mono (`SIL OFL 1.1`)**, 엔지니어링 9-Zone 레이아웃 CSS 구조는 **Bentley `iTwinUI-css` (`MIT`)** 및 **Esri `Calcite` (`Apache 2.0`)** 규격만 참조하여 상용 라이센스 위반 위험이 전혀 없음.
+
+### ⑤ 브레인 · 사용자 결정 사항 (정할 거리 3가지)
+1. **프로젝트 내 공정 전환 위치**: **Onshape 방식(화면 하단 고정 워크스페이스 탭 바 + 하단 상태바)**으로 갈지, **상단 헤더 내 수평 Stepper 탭**으로 갈지 여부.
+2. **대시보드(B01) 기본 뷰**: **Onshape 방식(좌측 폴더/묶음 트리 + 중앙 고밀도 표 + 우측 상세 패널)**을 기본으로 할지, **Forma 방식(썸네일/미니맵 카드 그리드)**을 기본으로 할지 여부.
+3. **작업 화면 기본 테마**: 온종일 도면·지도를 보는 엔지니어 눈 피로도를 줄이기 위해 **상단 헤더·좌우 패널을 다크 슬레이트(`#181B20`)로 통일**할지, **클린 라이트(`#F8FAFC`)**를 기본으로 둘지 여부.
+[payload] {"taskId":"task_6f0ea26fd3ba","dispatchId":"ctx_a3e4088486eb","outcome":"succeeded"}

docs/raw/요구_1025/_조사_367-B_본보기_SaaS.md

@@ -0,0 +1,147 @@
+# 조사 367-B — 통째로 따라 할 본보기 프로그램 (비전문가용 현대 작업 SaaS · sub1 · opus)
+
+원문 = 요구 367(「요소 개선이 아니라 완전히 새 인터페이스 · 본보기 프로그램을 찾아 비슷하게」) · 앞 조사(366-A/B/C) 표는 다시 만들지 않음.
+그림 = `docs/raw/요구_1025/ref_367/B_`(24 장 · 2026-10-26 Playwright 헤드리스(Edge)로 찍음 · 공개 문서 그림은 원본 받음).
+지금 화면 = `A05_EduDetail/guide/B01 · B05 · B07 · B09 · D03 · E03 _00_overview.webp` 봄 — 대시보드는 같은 무게 카드 세로 쌓기 · 상세는 왼쪽 패널 + 본문 + 왼쪽 아래 [?][<][>][저장][초기화] · 단계 흐름이 화면에 안 보임.
+
+## ① 결론 다섯 줄
+
+1. **본보기 1순위 = Felt**(felt.com · 지도 작업 SaaS) — 「작업공간 홈(최근 지도 썸네일 · 프로젝트) → 지도 편집(위 도구줄 · 왼쪽 범례 · 오른쪽 상세 칸 · 아래 표) → 인쇄 판 편집기(쪽 목록 · 도면 · 쪽 설정 · [내보내기]) → 공유 → 작업공간 설정」이 우리 「대시보드 → 지도 · 노선 → 도면 → 보고서 · 내보내기 → 설정」과 한 흐름으로 거의 겹침.
+2. 까닭 — GIS 를 모르는 사람용으로 만든 지도 도구 · 파일 끌어다 놓기로 시작(= B03 업로드) · 지도 + 표 + 오른쪽 속성이 한 화면(= B05 · B06 · D · E) · 인쇄 판(= B07 도각 · 출력) · 메뉴 깊이 2 단 · 단축키 `?` 한 장.
+3. **2순위 = Figma**(파일 브라우저 + 편집 화면) — Felt 에 없는 「단계」를 Figma 의 **쪽(Pages) 목록 = 단계 목록** 꼴로 메움 · 왼쪽(쪽 · 레이어) · 가운데 캔버스 · 오른쪽 속성 · 아래 떠 있는 도구줄 = B07 CAD 화면의 본보기.
+4. 표 화면(B08 수량 · B09 원가 · 받은 예정노선 · 팀원)은 **Airtable** 꼴(위 표 탭 · 왼쪽 저장된 보기 · 줄 펼치면 오른쪽 · 가운데 기록 카드) · 산림청 공무원 화면(D)의 쉬운 3D 산지 보기는 **Google Earth 웹** 꼴을 덧댐.
+5. 정리 = **「Felt 셸 한 벌 + Figma 쪽 목록으로 단계 + Airtable 표 화면」** · 상표 · 색 · 아이콘 · 그림은 베끼지 않고 배치 · 흐름만 · [저장] 단추는 우리 규칙대로 남김(Felt 는 자동저장).
+
+## ② 후보 프로그램 4 개
+
+### A. Felt — 지도 작업 SaaS (1순위)
+
+- 한 줄 소개 — 「GIS 를 몰라도 쓰는 지도」 · 파일을 올리면 지도가 되고 스타일 · 분석 · 대시보드 · 인쇄 판 · 공유까지 브라우저 하나에서.
+- 공개 주소(모두 열어 200 확인):
+  - 제품 https://felt.com/
+  - 화면 둘러보기 https://help.felt.com/getting-started/tour-the-interface (둘러보기 영상 포함 · 문서 안 mp4)
+  - 첫 지도 만들기(4 단계) https://help.felt.com/getting-started/create-your-first-map
+  - 지도 · 프로젝트 정리 https://help.felt.com/maps/organize-maps
+  - 인쇄 판 https://help.felt.com/export-and-print/print-layouts
+  - 단축키 https://help.felt.com/getting-started/keyboard-shortcuts
+  - 작업공간 설정 https://help.felt.com/administration/workspaces
+- 전체 흐름:
+  1. 첫 화면 — 작업공간 홈: 왼쪽 「지도(최근 · 검색 · 초안 · 프로젝트 목록) / 데이터(최근 · 공용 라이브러리)」 · 오른쪽 최근 지도 썸네일 격자 · 오른쪽 위 빨강 [New map] 하나.
+  2. 프로젝트 — 왼쪽 「Maps」 옆 + = 새 지도 · 폴더+ = 새 프로젝트(이름 · 공개 범위 두 칸만) · 새 지도는 「초안」에 놓였다가 프로젝트로 옮김.
+  3. 작업 — 지도 화면 다섯 칸: 위 도구줄(왼쪽 메뉴 · 경로 「프로젝트 > 지도」 · 가운데 도구 · 오른쪽 표 · 검색 · 댓글 · AI · [Share] · [Done]) · 왼쪽 범례(Legend / List 탭) · 오른쪽 상세 칸(Style · Filter · Components · Data 탭) · 아래 표 · 가운데 지도.
+  4. 단계 · 「다음에 뭘」 — 단계 막대는 없음 · 대신 「보기 모드 ↔ 편집 모드」(Shift+E) · 빈 지도에 「끌어다 놓기」 안내 · 도움말 「첫 지도 4 단계(만들기 → 데이터 → 꾸미기 → 공유)」 · AI 도우미에 「다음엔 뭘 하나」 물음.
+  5. 결과 · 설정 — 메뉴 「File > Print」(Ctrl+P) → 인쇄 판 편집기(왼쪽 쪽 썸네일 · 가운데 쪽 · 오른쪽 쪽 크기 · 형식 · DPI · 아래 [Export]) · [Share](이메일 · 링크 · 권한 셋) · 데이터 내보내기 · 작업공간 설정(Members · Usage · Billing · Developers · Workspace 탭 · 왼쪽 탐색은 홈과 같음).
+- 쓰기 쉬운 점 — 화면이 둘(홈 · 지도)뿐 · 지도 화면 다섯 칸 자리가 늘 같음 · 고르면 오른쪽 칸이 열리고 Esc 로 닫힘 · 표(T) · 범례(1) · 목록(2) · 단축키(?) · 명령 찾기(Ctrl+K) · 인터페이스 숨김(Ctrl+.) · 메뉴 깊이 2 단 · 주 단추는 화면마다 하나만 색.
+- 우리와 안 맞는 점 — 단계 흐름(B03→B09)이 없음 · 자동저장(우리는 [저장] · [확정] · [초기화]) · 종단 · 횡단 · CAD 같은 「지도 아닌 그림」 칸이 없음 · 지도 엔진(MapLibre) 대신 카카오 · VWorld · 영어 UI.
+- 그림:
+  - `Felt_01_workspace_home.jpg` 첫 화면 · 최근 지도 격자
+  - `Felt_02_map_parts.jpg` 지도 화면 다섯 칸(도구줄 · 범례 · 상세 · 표 · 지도)
+  - `Felt_03_detail_panel.jpg` 레이어 고르면 오른쪽 상세 칸
+  - `Felt_04_table.jpg` 아래 표 열기
+  - `Felt_05_print_layout.jpg` 인쇄 판 편집기
+  - `Felt_06_share.jpg` 공유 칸 · `Felt_07_workspace_settings.jpg` 작업공간 설정
+
+### B. Figma — 디자인 협업 (2순위)
+
+- 한 줄 소개 — 비디자이너(기획 · 개발)도 매일 쓰는 협업 편집기 · 파일 브라우저 → 편집 화면 두 칸 구조의 교과서.
+- 공개 주소(열어 확인):
+  - 파일 브라우저 안내 https://help.figma.com/hc/en-us/articles/14381406380183
+  - 파일 브라우저 둘러보기(영상 포함) https://help.figma.com/hc/en-us/articles/30926159906967
+  - 편집 화면 둘러보기 https://help.figma.com/hc/en-us/articles/15297425105303
+  - UI3 개편 글 https://www.figma.com/blog/making-the-move-to-ui3-a-guide-to-figmas-next-chapter/
+- 전체 흐름:
+  1. 첫 화면 — 파일 브라우저: 왼쪽 계정 · 검색 · 최근 · 팀(초안 · 프로젝트 · 둘러보기) · 오른쪽 최근 파일(썸네일 / 목록 전환) · [+ 새로 만들기].
+  2. 프로젝트 — 팀 > 프로젝트 > 파일 세 층 · 초안에서 시작해 프로젝트로 옮김.
+  3. 작업 — 편집 화면 다섯 자리(A 얇은 레일 · B 왼쪽 쪽 · 레이어 · C 캔버스 · D 오른쪽 속성 · E 아래 떠 있는 도구줄).
+  4. 단계 · 「다음에 뭘」 — 왼쪽 위 **쪽 목록을 단계(M1 · M2 · M3 + 상태 이모지)로 쓰는 공식 권장** · 빈 파일엔 시작 틀 · Ctrl+/ 빠른 실행(기능 이름으로 찾기) · Ctrl+\ 패널 숨김.
+  5. 결과 · 설정 — 오른쪽 속성 칸 맨 아래 「Export」 · 오른쪽 위 [Share] · 계정 설정은 파일 브라우저 쪽 별도 창.
+- 쓰기 쉬운 점 — 왼쪽 = 「무엇이 있나」 · 오른쪽 = 「고른 것의 값」 · 아래 = 「도구」로 역할이 갈림 · 고른 것에 따라 오른쪽 칸만 바뀜 · 쪽 목록으로 큰 흐름이 늘 보임.
+- 우리와 안 맞는 점 — 디자인 전용 낱말 · 지도 · 표 화면 없음 · 매우 촘촘한 작은 글(공무원 사용자엔 과함) · 무한 캔버스(우리는 도면 한 장 단위).
+- 그림:
+  - `Figma_01_file_browser.jpg` 파일 브라우저 왼쪽(계정 · 검색 · 최근 · 팀)
+  - `Figma_02_file_browser_team.jpg` 팀 · 초안 · 즐겨찾기
+  - `Figma_03_ui3_editor.jpg` 편집 화면 실물(쪽 · 레이어 · 캔버스 · 속성 · 아래 도구줄)
+  - `Figma_05_editor_regions.jpg` 다섯 자리 뼈대 · `Figma_06_left_sidebar.jpg` 왼쪽 칸
+  - `Figma_07_pages_by_milestone.jpg` 쪽 목록을 단계로 쓰는 예
+  - `Figma_04_account_settings.jpg` 계정 설정
+
+### C. Airtable — 표 · 데이터 작업 SaaS
+
+- 한 줄 소개 — 엑셀을 쓰던 사람이 바로 쓰는 표 데이터베이스 · 같은 표를 격자 · 갤러리 · 달력 · 칸반으로 봄.
+- 공개 주소(열어 확인):
+  - 공개 베이스 실물(로그인 없음) https://airtable.com/appwN4xi4EHvYcucp/shrX9pRC4srAbKdx0
+  - 템플릿 https://www.airtable.com/templates
+  - 제품(베이스 위 막대 Data · Automations · Interfaces · Forms 그림) https://www.airtable.com/platform
+  - 보기 안내 https://support.airtable.com/docs/how-to-create-a-view
+- 전체 흐름:
+  1. 첫 화면 — 홈(작업공간 · 최근 베이스 · [+ 만들기] · 템플릿에서 시작).
+  2. 프로젝트 — 「베이스」 하나 = 프로젝트 하나 · 템플릿 고르면 표 · 보기까지 차려진 채 시작.
+  3. 작업 — 위 표 탭(Assets · Vendors · Employees) · 왼쪽 저장된 보기 목록 · 표 위 숨김 · 필터 · 묶기 · 정렬 막대 · 줄 펼치면 가운데 기록 카드.
+  4. 단계 · 「다음에 뭘」 — 베이스 맨 위 큰 탭 「Data → Automations → Interfaces → Forms」(일의 갈래를 위 탭으로) · 빈 표엔 「가져오기」 안내 · Ctrl+K 어디서나 찾기.
+  5. 결과 · 설정 — 위 [Share] · CSV 내보내기 · 인터페이스(보고용 화면) 따로 만듦 · 작업공간 설정.
+- 쓰기 쉬운 점 — 표 탭 · 보기 · 필터가 늘 같은 자리 · 줄 → 카드 펼침이 쉬움 · 집계 줄(합계)이 맨 아래.
+- 우리와 안 맞는 점 — 지도 · 3D · 도면 없음 · 표가 주인공(우리는 지도가 주인공) · 계산식 표(원가 일위대가)의 깊은 계층은 약함.
+- 그림:
+  - `Airtable_03_shared_base.jpg` 공개 베이스 실물(위 표 탭 · 왼쪽 보기 · 표)
+  - `Airtable_04_record_expand.jpg` 줄 펼침 카드
+  - `Airtable_05_gallery_view.jpg` 같은 표를 갤러리로
+  - `Airtable_02_platform.jpg` 베이스 위 큰 탭(Data · Automations · Interfaces · Forms)
+  - `Airtable_01_templates.jpg` 템플릿에서 시작
+
+### D. Google Earth 웹 — 3D 지도 프로젝트
+
+- 한 줄 소개 — 누구나 아는 3D 지구 · 한국어 화면 · 「지도 프로젝트」 목록 → 3D 편집 화면.
+- 공개 주소(열어 확인 · 로그인 없이 3D 화면까지 열림):
+  - 실물 https://earth.google.com/web/
+  - 프로젝트 · 이야기 만들기 안내 https://www.google.com/earth/outreach/learn/create-a-map-or-story-in-google-earth-web/
+- 전체 흐름:
+  1. 첫 화면 — 3D 지구 + 위 메뉴(파일 · 수정 · 보기 · 추가 · 도구 · 도움말) + 도구줄(검색 · 실행취소 · 장소표시 · 선 · 레이어 · 재기).
+  2. 프로젝트 — 로고 누르면 「지도 프로젝트」 홈: 왼쪽 [+ 신규](새 프로젝트 Ctrl+J · 파일 가져오기 KML · GeoJSON · SHP.zip · CSV) · 오른쪽 표(이름 · 소유자 · 용량 · 수정 날짜) · 빈 상태 그림 + 「아직 프로젝트 없음 · 만들기」.
+  3. 작업 — 왼쪽 「지도 콘텐츠」 목록 · 가운데 3D · 위 [지도 프로젝트에 추가] [다운로드] [다른 이름으로 저장] · 「저장되지 않은 변경사항 있음」 표시.
+  4. 단계 · 「다음에 뭘」 — 처음 쓰는 기능마다 작은 말풍선 안내(「여기서 모든 프로젝트를 찾고 관리」) · 빈 목록마다 그림 + 할 일 한 줄 · 발표 보기(▶)로 지점을 차례로 넘김.
+  5. 결과 · 설정 — 다운로드 · 공유 · 발표 · 오른쪽 위 톱니 설정.
+- 쓰기 쉬운 점 — 한국어 · 산지 3D 가 기본 · 「저장 안 됨」 표시가 [저장] 단추 방식과 맞음 · 빈 상태 · 처음 안내가 친절.
+- 우리와 안 맞는 점 — 설계 도구가 아님(선 · 점 정도) · 표 · 도면 없음 · Flutter 캔버스라 웹 관례와 조금 다름.
+- 그림:
+  - `GEarth_01_web.jpg` 강원 산지 3D 첫 화면
+  - `GEarth_02_projects.jpg` 지도 프로젝트 홈 · 빈 상태
+  - `GEarth_03_new_menu.jpg` [+ 신규] 메뉴(새 프로젝트 · 파일 가져오기)
+  - `GEarth_04_editor.jpg` 편집 화면(왼쪽 콘텐츠 · 저장 안 됨 표시 · 다운로드 · 다른 이름 저장)
+  - `GEarth_02_outreach.jpg` 공식 안내 페이지
+
+본 것 · 뺀 것 — Canva(첫 화면 쉬움은 좋으나 편집 화면 공개 그림 없음 · 마케팅 꼴) · Miro · Notion · Linear(지도 · 도면 성격과 멂 · 366-B 에서 셸 요소로만 다룸) · Typeform 위 탭(Create · Share · Results — 공식 문서에서 현재 배치 확인 못 함).
+
+## ③ 1순위 본보기(Felt)에 우리 기능을 옮긴 지도
+
+공통 셸 = Felt 지도 화면 그대로: **위 도구줄**(왼쪽 Aislo 메뉴 · 경로 「프로젝트 > 단계」 · 가운데 그 단계 도구 · 오른쪽 표 · 검색 · 도움말 · [저장] · [다음 단계 ▶]) · **왼쪽 칸**(위 = 단계 목록(Figma 쪽 목록 꼴 · 상태 점) · 아래 = 그 단계의 범례 · 목록) · **오른쪽 상세 칸**(고른 것의 값 · 탭) · **아래 칸**(표 또는 종단 · 횡단 그림) · **가운데 본문**(지도 · 3D · 도면).
+
+| 우리 화면 | 본보기의 어느 화면 · 어떤 꼴로 | 메모 |
+| --- | --- | --- |
+| B01 대시보드 | Felt 작업공간 홈 — 왼쪽 「프로젝트(최근 · 내 것 · 임시 보관 · 묶음별) / 받은 예정노선 / 자료(공용 라이브러리)」 · 오른쪽 최근 프로젝트 썸네일 격자(지도 + 노선 미리보기 · 마지막 단계) · 오른쪽 위 [새 프로젝트] 하나 | 격자 ↔ 표 전환(Figma) · 팀원 · 회사 · 시스템은 홈에서 빼고 설정으로 |
+| B02 등록 | Felt 「새 프로젝트」 작은 창(이름 · 공개 범위) + Google Earth [+ 신규] 메뉴(빈 프로젝트 · 파일로 시작) | 묶음 넷(임도 · 예정노선 · 안정성 · 사방) 고르기 = 첫 칸 · 칸은 최소 · 나머지는 단계 안에서 |
+| B03 업로드 | Felt 「Upload Anything」 — 빈 지도에 끌어다 놓기 · 왼쪽 범례에 올라간 파일이 레이어로 쌓임 | 빈 상태 = 큰 놓기 칸 + 받는 형식 한 줄(Google Earth 꼴) |
+| B04 전처리 | Felt 레이어 상세 칸 — 레이어 고르면 오른쪽에 설정 · 진행 · 결과 · 아래 표 | 오래 걸리는 처리는 레이어 줄에 진행 점 |
+| B05 노선 · 종단 | Felt 지도 화면 + 아래 칸 = 종단(표 자리에 종단 그림 · 탭으로 표 · 유토곡선) · 오른쪽 상세 = 고른 구조물 · 측점 값 · 위 도구줄 가운데 = 노선 편집 도구 | 지금 왼쪽 접이 카드(구조물 · 설정 · 추천)는 오른쪽 상세 탭 또는 도구줄로 |
+| B06 횡단 | 같은 셸 · 가운데를 횡단 그림으로 바꾸고 왼쪽 목록 = 측점 목록(Figma 레이어 꼴) · 아래 = 평면 작은 지도 | 측점 고르면 지도 · 횡단 함께 이동 |
+| B07 CAD 도면 | Felt 인쇄 판 편집기 + Figma 편집 화면 — 왼쪽 도면 쪽 썸네일(표지 · 평면 · 종단 · 횡단 · 구조물) · 가운데 도면 · 오른쪽 쪽 설정 · 고른 객체 속성 · 위(또는 아래 떠 있는) 도구줄 · 오른쪽 아래 [내보내기] | 지금 리본 여섯 탭은 도구줄 + 오른쪽 속성으로 줄임 |
+| B08 수량 | Airtable 베이스 — 위 표 탭(토공 · 구조물 · 배수 …) · 왼쪽 보기 · 맨 아래 합계 줄 · 줄 펼침 카드 = 산출 근거 | 셸은 같고 가운데가 표 |
+| B09 원가 | Airtable 같은 꼴 + 오른쪽 상세 칸 = 고른 공종의 일위대가 | 내보내기(xlsx)는 위 오른쪽 |
+| D 예정노선 | Google Earth 꼴 지도 프로젝트 홈(연도별 지점 표) → Felt 지도 화면(3D 기본 · 보기 모드 시작) · 확정 · 업체 지정 = 오른쪽 상세 칸 단추 | 공무원 = 「보기 모드」로 열고 [편집] 한 번 · 글자 크게 |
+| E 안정성평가 | Felt 지도 화면(광역 위험 = 레이어 · 범례) · 단면 해석 = 아래 칸 그림 · 결과 요약 = Felt 대시보드 꼴(범례 안 숫자 · 막대) · 보고서 = 인쇄 판 | 2D · 3D 전환은 도구줄 오른쪽 |
+| 설정 | Felt 작업공간 설정 — 홈과 같은 왼쪽 탐색 + 위 탭(팀원 · 회사 · 사용 · 시스템) + 「제목 왼쪽 · 칸 오른쪽」 폼 | 개인(내 정보 · 보안)은 왼쪽 아래 계정 메뉴 |
+| 사용자 가이드 | Felt `?`(단축키 한 장) · 오른쪽 아래 둥근 [?] · Figma Ctrl+/ 빠른 실행 · Google Earth 처음 말풍선 | 지금 [?] 단계 가이드는 단계 목록 옆 「이 단계에서 할 일」 체크 3~5 줄로 |
+
+## ④ 따라 만들 때 주의
+
+- 베끼지 않음 — 이름 · 로고 · 빨강(Felt) · 보라(Figma) 강조색 · 아이콘 · 빈 상태 그림 · 화면 그림 · 문구. 가져오는 것은 **자리 배치 · 흐름 · 단축키 관례**만(배치 · 흐름은 저작권 대상 아님 · 전체 꼴을 상표처럼 똑같이 만들면 혼동 위험 → 우리 색 · 글꼴 · 아이콘으로).
+- 우리 규칙 지킴 — 자동저장 금지 → Felt 의 「Done」 자리에 [저장] · Google Earth 꼴 「저장 안 된 변경 있음」 표시 · [초기화]는 메뉴 안으로.
+- 라이브러리(BSD · MIT · Apache 만) — 셸 · 칸 나눔 · 오른쪽 칸 · 명령 찾기(Ctrl+K)는 라이브러리 없이 TS + CSS grid 로 충분 · 아이콘 Lucide(ISC — MIT 와 같은 허용형) 또는 Tabler(MIT) 한 묶음 · Material Symbols(Apache 2.0)도 가능 · 색 Radix Colors(MIT) · 표가 무거우면 Tabulator(MIT). Felt · Figma · Airtable · Google Earth 는 모두 독점 · 코드 · 그림 가져올 것 없음.
+- 지도 · 3D 엔진은 지금 그대로(카카오 · VWorld · three.js · 자체 WebGL) — 셸만 갈아 끼움.
+
+## ⑤ 정할 거리
+
+1. 본보기 확정 — 「Felt 셸 + Figma 단계 목록 + Airtable 표」 묶음으로 갈지 · Felt 하나만 갈지.
+2. 단계 자리 — 왼쪽 칸 위 단계 목록(Figma 꼴 · 추천) vs 위 도구줄 경로 「프로젝트 > 노선설계 ▾」 내림 vs 둘 다.
+3. 보기 모드 · 편집 모드 나눔 — 공무원 · 검토자는 보기로 열고 [편집] 한 번(Felt 꼴) — 쓸지.
+4. 대시보드 첫 화면 — 썸네일 격자(Felt · Figma) vs 표(Google Earth) 기본값.
+5. 글꼴 — Pretendard(OFL · 글꼴 전용 허용형)를 쓸지 · 「BSD · MIT · Apache 만」 규칙에 글꼴 예외를 둘지.

docs/raw/요구_1025/_조사_367-C_본보기_지도3D.md

@@ -0,0 +1,167 @@
+# 조사 367-C — 통째로 따라 할 본보기 프로그램 (지도 · 3D 중심 설계 · 분석)
+
+sub4 · 2026-10-26 · 조사만(코드 · 저장소 손대지 않음). 앞 조사(366-A/B/C · 요소 · 패턴 표)와 겹치는 표는 다시 만들지 않음.
+그림 = `docs/raw/요구_1025/ref_367/C_` 34 장(헤드리스 Edge · 공개 도움말 그림 · 공식 영상 정지 화면 · 로그인 없는 공개 예제 앱).
+
+## ① 결론 다섯 줄
+
+1. **1순위 = Autodesk InfraWorks(도로 개념설계)** — 「첫 화면 모델 목록 → 지도에서 구역 지정 → 3D 작업 화면 · 위 단계 탭 넷 · 오른쪽 패널 한 자리 · 아래 종단 보기 · 색 분석 · 대안 고르는 칸」이 우리 B 흐름(지형 → 노선 · 종단 → 분석)과 거의 같은 뼈대.
+2. InfraWorks 에 없는 수량 · 원가는 **같은 갈래 도로 개념설계 프로그램 OpenRoads ConceptStation 의 「아래 서랍 탭(종단 · 횡단 · 비용) + 상세 수량 · 비용 보고서 + 단가 설정 표」** 꼴로 채움 — 1순위의 보충.
+3. **2순위 = Autodesk Forma(웹 대지 설계 · 분석)** — 홈 → 프로젝트 → 작업의 단순한 3단 · 떠 있는 패널(왼쪽 안 · 층 / 위 가운데 그리기 도구 / 오른쪽 분석) · 3D 위 색 + 아래 색 띠 범례 · 최대 6안 나란히 비교. 웹 SaaS 로서 겉모습은 가장 깔끔하나 차례 있는 단계 · 종단 · 횡단 · 표 화면이 없음.
+4. 까닭 — 1순위는 「도로를 지형 위에 놓고 종단과 함께 고치는」 일 자체가 같아 화면 대부분이 1:1 로 옮겨짐. 겉 꼴(어두운 리본 · 촘촘한 아이콘)만 버리고 366 제안의 밝은 회색 틀 · 강조 한 색 · 글자 붙은 단추로 입힘. 2순위는 겉 꼴이 좋으나 우리 단계 · 표 화면을 새로 지어야 할 몫이 큼.
+5. 보조 본보기 — DroneDeploy(첫 화면 지도 썸네일 카드 · 업로드 → 처리 알림 · 히스토그램 범례) · ArcGIS Urban(지도 핀으로 열기 · 시나리오 드롭다운 · 오른쪽 「색 띠 + 표 + Δ」 · 보기 전용 공유 = 산림청 검토) · Giraffe(레이아웃 탭 · 지도 아래 데이터 표 · Paper 도면 시트) · TestFit(아래 집계 띠 · 절성토 색 지도). 통째 본보기는 아님.
+
+## ② 후보 프로그램
+
+### A. Autodesk InfraWorks — 1순위
+
+- 한 줄 소개 — 지도 · 지형 위에서 도로 · 교량 · 배수를 개념설계하는 3D 프로그램(데스크탑 + 클라우드). 시작 화면 → 단계 탭 리본 → 3D + 오른쪽 패널 + 아래 종단.
+- 주소(모두 200 확인)
+  - 시작 화면 https://help.autodesk.com/cloudhelp/ENU/InfraWorks-Basics/files/GUID-01AABC51-386E-4E5B-A901-C317CBC050E3.htm
+  - 화면 구성 https://help.autodesk.com/cloudhelp/ENU/InfraWorks-Basics/files/GUID-390DEDE6-C26A-45F4-8B16-23CE3739F9ED.htm
+  - 위 도구막대 https://help.autodesk.com/cloudhelp/ENU/InfraWorks-Basics/files/GUID-248EB772-88DB-4915-BA3B-F5A94461E660.htm
+  - 색 분석(Themes) https://help.autodesk.com/cloudhelp/ENU/InfraWorks-Basics/files/GUID-0B5F05D1-5596-4FA7-A08A-AA3F186E8E43.htm
+  - 대안 관리(Proposals) https://help.autodesk.com/cloudhelp/ENU/InfraWorks-Basics/files/GUID-077918A7-3C10-4194-B47C-EB854771AE62.htm
+  - 종단 보기 https://help.autodesk.com/cloudhelp/ENU/InfraWorks-RoadsandHighways/files/GUID-16C4D630-A4C4-4BC6-9365-DDEC802FE4F9.htm
+  - (옛 `help.autodesk.com/view/INFWKS/ENU/` = 404 · autodesk.com 제품 페이지 = 403 봇 차단)
+- 전체 흐름
+  1. 첫 화면 — 왼쪽 [열기] [새로] [Model Builder] + 거르기(최근 / 클라우드) · 오른쪽 모델 표(이름 · 종류 · 마지막 연 때 · 줄 끝 「…」) · 표/격자 전환.
+  2. 프로젝트 — Model Builder: 지도에서 구역 지정 → 지형 · 항공사진 · 도로 · 건물 자동 수집 → 모델. 또는 빈 모델 + 오른쪽 Data Sources 패널로 자료 가져오기.
+  3. 작업 — 위 리본 · 가운데 3D · 오른쪽 여닫는 패널 한 자리(자료 · 속성 · 색 분석 · 대안이 번갈아) · 아래 종단 보기(3D 와 측점 따라가기).
+  4. 단계 — 위 탭 넷(관리 / 만들기 / 분석 / 발표·공유) = 일의 차례. 대안은 위 「master」 고르는 칸.
+  5. 결과 · 설정 — 경사 · 표고 · 방향 색 분석(규칙별 색 띠) · 절성토 수량 CSV · 발표 탭 · 오른쪽 위 톱니(단위 · 언어 · 품질) · 왼쪽 위 「I」 = 첫 화면.
+- 쓰기 쉬운 점 — 첫 화면이 단추 셋 + 표 하나 · 단계 탭이 곧 차례 · 3D 와 종단이 한 화면에서 같이 움직임 · 오른쪽 패널 한 자리 돌려 써 캔버스 넓음 · 선택한 도로의 속성(측점 범위 · 표고 범위 · 경사 범위 · 절성토 게이지)이 바로 보임.
+- 우리와 안 맞는 점 — 원가 · 견적 없음(수량까지) · 횡단 · CAD 도면은 Civil 3D 로 넘김 · 리본 아이콘이 촘촘(비전문가 어려움) · 도시 · 고속도로 중심 · 데스크탑 + 동기화 구조.
+- 그림
+  - `C7_3_infraworks_home.jpg` — 시작 화면(왼쪽 단추 셋 · 최근 모델 표 · 표/격자)
+  - `C7_3_infraworks_ui.jpg` — 작업 화면 세 구역(위 리본 · 지도 · 오른쪽 자료 패널)
+  - `C7_3_infraworks_toolbar.jpg` — 위 도구막대 번호 풀이(단계 탭 · 묶음 · 보기 도구 · 대안 칸 · 보기 모드)
+  - `C7_3_infraworks_profile.jpg` — 3D 도로 + 오른쪽 속성(측점 · 표고 · 경사 범위 · 절성토 게이지) + 아래 종단(수직 과장 · 측점 따라가기)
+
+### A'. Bentley OpenRoads ConceptStation — 1순위 보충(수량 · 원가)
+
+- 한 줄 소개 — 지역을 골라 지형을 받고 도로 · 교량을 그리면 바로 개산 비용이 붙는 도로 개념설계 프로그램(데스크탑). 대안별 비용 비교가 핵심.
+- 주소(200 확인)
+  - 제품 https://www.bentley.com/software/openroads-conceptstation/
+  - 도움말 https://docs.bentley.com/LiveContent/web/OpenRoads%20ConceptStation%20Help-v16/en/ (아래 서랍 · 비용 탭 · 상세 보고서 · 종단 · 횡단 쪽)
+  - 영상 https://www.youtube.com/watch?v=i7CHnG66P4Y (비용 추정) · https://www.youtube.com/watch?v=ufvUsZrZ370 (대안)
+- 전체 흐름
+  1. 첫 화면 — 전체 화면 파일 메뉴(새로 · 열기 · 가져오기 · 내보내기 · 설정).
+  2. 프로젝트 — 지도에서 구역 사각형 → 이름 · 좌표계 → 자료 자동 수집 · 추가 가져오기.
+  3. 작업 — 화면 전체 캔버스 · 왼쪽 세로 아이콘 줄 · 아래 탭 서랍(저장 뷰 · 범주 · 비용 · 종단 · 횡단).
+  4. 단계 — 위 대안 칸(Scenario1…) · 도로 종류를 그림 격자에서 골라 그림 → 서랍에서 종단 · 횡단 고침.
+  5. 결과 · 설정 — 서랍 비용 탭(합계 + 공종별) → 상세 수량 · 비용 보고서(코드 · 항목 · 수량 · 단위 · 단가 · 금액) → 엑셀 · 단가 설정 표 직접 고침.
+- 쓰기 쉬운 점 — 종단 · 횡단 · 비용을 아래 서랍 탭 하나에 모아 지도를 안 가림 · 그리는 즉시 비용 · 단가 표가 우리 원가 화면과 같은 꼴.
+- 우리와 안 맞는 점 — 프로젝트 목록이 파일 대화창 수준 · 단계 표시 없음 · 색 분석 없음 · 공개 그림이 오래되고(2016~2020) 흐림.
+- 그림
+  - `C7_3_conceptstation_new.jpg` — 새 프로젝트(지도 구역 사각형 + 이름 · 좌표계)
+  - `C7_3_conceptstation_workspace_roadclass.jpg` — 작업 화면(왼쪽 아이콘 줄 · 아래 서랍 탭 · 도로 종류 그림 고르기)
+  - `C7_3_conceptstation_plan_profile.jpg` — 위 평면 + 아래 서랍 종단(흐림)
+  - `C7_3_conceptstation_report.jpg` — 상세 수량 · 비용 보고서 표
+  - `C7_3_conceptstation_cost_config.jpg` — 단가 설정 표
+  - `C7_3_conceptstation_import.jpg` · `C7_3_conceptstation_product.jpg` — 가져오기 · 제품 첫 화면
+
+### B. Autodesk Forma(옛 Spacemaker) — 2순위
+
+- 한 줄 소개 — 웹 대지 설계 · 분석. 주소로 땅을 고르면 주변 건물 · 지형이 자동으로 깔리고, 3D 위에 배치하며 일조 · 바람 · 소음 분석을 색 지도로 봄.
+- 주소(200 확인)
+  - 도움말 첫 화면 https://help.autodesk.com/view/SPCMKR/ENU/ (지시서의 `view/FORMA` = 404)
+  - 화면 구역 표 https://help.autodesk.com/cloudhelp/ENU/Forma-SD-Get-Started/files/Getting_Started_SD.html
+  - 작업 화면 공식 그림 https://help.autodesk.com/cloudhelp/ENU/Forma-SD-Get-Started/images/sd_interface.png
+  - 도구 전체 설명 https://blogs.autodesk.com/forma/2026/08/28/forma-site-design-tools-overview/
+  - 첫 땅 만들기 https://blogs.autodesk.com/forma/2025/11/20/how-to-create-your-first-site-in-forma-site-design/
+  - 영상 https://www.youtube.com/watch?v=DcKY-ekEyiY · https://www.youtube.com/watch?v=1ovhhMWpohw
+- 전체 흐름
+  1. 첫 화면 — 왼쪽 허브 · 프로젝트 나무 · 가운데 「무엇을 만들까」 카드 셋 · 오른쪽 위 [새로 만들기].
+  2. 프로젝트 — 만들기 창(이름 · 공개 범위) → 개요(만들기 카드 + 「안에 있는 것」 표 + 구성원 초대) → 지구본에서 주소 검색 · 범위 네모 → 주변 자료 주문.
+  3. 작업 — 왼쪽 아이콘 줄 + 설계안 카드 · 층 목록 · 위 가운데 떠 있는 그리기 도구 한 줄 · 오른쪽 분석 아이콘 격자 + 지표 표 · 오른쪽 아래 보기 막대(2D/3D · 카메라 · 내보내기).
+  4. 단계 — 차례 없음. 위 모드 셋(설계 / 비교 / 보드) + 설계안 복제 · 전환.
+  5. 결과 · 설정 — 3D 위 색 + 아래 색 띠 범례(구간 편집) · 빠른 분석은 즉시 · 상세 분석은 [실행] + 이력 · 비교 모드 2~6칸 · 보드 → PDF · 왼쪽 아래 톱니.
+- 쓰기 쉬운 점 — 역할이 또렷한 네 자리(왼 = 안 · 층, 가운데 = 3D, 오른 = 분석 · 성질, 위 가운데 = 도구) · 떠 있는 패널이라 3D 넓음 · 분석 결과 꼴이 늘 같음(색 + 색 띠 + 구간 표) · 빠른 분석 / 무거운 분석 [실행] 구분 = 우리 「조작 중 즉시 · 무거운 계산 서버」와 같음 · 안 나란히 비교.
+- 우리와 안 맞는 점 — 차례 있는 단계 없음 · 종단 · 횡단 · CAD · 수량 · 원가 표 화면 없음 · 도시 대지(450 m 네모) 중심 · 파일 업로드 · 전처리 진행 화면 없음 · 결과물이 발표 보드 중심.
+- 그림
+  - `C7_1_forma_home.jpg` — 홈(허브 · 프로젝트 나무 · 만들기 카드)
+  - `C7_1_forma_project.jpg` — 프로젝트 개요(만들기 카드 + 안에 있는 것 표 + 초대)
+  - `C7_1_forma_newsite.jpg` — 지도 위 범위 네모 고르기
+  - `C7_1_forma_interface.jpg` — 작업 화면(왼 설계안 · 층 · 위 도구 · 오른 분석 · 지표)
+  - `C7_1_forma_analysis_panel.jpg` — 소음 분석 색 지도 + 색 띠 범례 + 오른쪽 실행 칸
+  - `C7_1_forma_compare.jpg` — 비교 모드 두 칸
+
+### C. Giraffe (+ TestFit) — 부분 본보기
+
+- 한 줄 소개 — 지도 위에 건물 덩어리를 그리면 면적 · 원가 · 수익이 바로 셈되는 웹 부동산 타당성 도구 / TestFit = 대지 자동 배치 + 수치 비교.
+- 주소(200 확인) — https://www.giraffe.build/ · 화면 배치 https://intercom.help/giraffe-knowledgebase-v6/en/articles/17012259-user-interface-overview · 첫 화면 …/16764757-home-overview · 패널 …/17116490-panels · 분석 …/11818609-analytics-overview · 도면 시트 …/14902992-paper-overview · 영상 https://www.youtube.com/watch?v=tV_HMbXjX78 · TestFit https://www.testfit.io/site-solver
+- 전체 흐름 — 첫 화면(왼쪽 세로 메뉴 · 템플릿 카드 줄 · 프로젝트 표/카드) → 템플릿 · 빈 프로젝트 → 지도 중심 패널 화면(왼 속성 · 층 / 오른 분석 표 / 아래 상태 줄 · 떠 있는 그리기 도구) → 위 오른쪽 「레이아웃 탭」(설계 · 지도 · 흐름)으로 패널 배치 통째 전환 → 분석 표 · 지도 아래 데이터 표 · Paper 도면 시트 → PDF · CSV · DXF.
+- 쓰기 쉬운 점 — 레이아웃 탭 = 단계마다 정해진 배치 · 지도 아래 데이터 표(표에서 고르면 지도도 선택) · Paper 시트(위 단추 줄 · 가운데 시트) · TestFit 아래 집계 띠 한 줄 · 절성토 색 지도.
+- 우리와 안 맞는 점 — 차례 단계 없음 · 노선 · 종단 · 횡단 없음 · 결과가 숫자 표뿐 · 자동 저장(우리 [저장] 규칙과 반대) · 패널 자유 배치는 비전문가에 어지러움.
+- 그림 — `C7_2_giraffe_home.jpg`(첫 화면) · `C7_2_giraffe_workspace.jpg`(작업 화면) · `C7_2_giraffe_analytics.jpg`(분석 표) · `C7_2_giraffe_datatable.jpg`(지도 아래 표) · `C7_2_giraffe_paper.jpg`(도면 시트) · `C7_2t_testfit_options.jpg`(아래 집계 띠) · `C7_2t_testfit_cutfill.jpg`(절성토 색 지도)
+
+### D. DroneDeploy · ArcGIS Urban — 부분 본보기
+
+- 한 줄 소개 — DroneDeploy = 드론 사진 업로드 → 클라우드 처리 → 웹 지도 · 3D 측정 · 보고서 / ArcGIS Urban = 3D 도시 위 계획 · 사업 · 시나리오 지표 대시보드 · 시민 공개.
+- 주소(200 확인)
+  - DroneDeploy 도움말(웹은 403 봇 차단 · 같은 글 API 로 확인) https://help.dronedeploy.com/hc/en-us/articles/1500004860621 (프로젝트 목록) · …/1500004963802 (만들기 · 업로드 · 탐색) · …/1500004964002 (고도 · 히스토그램) · …/1500004964642 (내보내기) · 영상 https://www.youtube.com/watch?v=NS8WLnoFqyE
+  - ArcGIS Urban 도움말 https://doc.esri.com/en/arcgis-urban/latest/help/help-intro.html · 시나리오 …/help-scenarios.html · 공개 예제 앱(로그인 없음) https://urban.arcgis.com/?id=642003449ecb4c20a26e19d7bc9ccaf1 · 영상 https://www.youtube.com/watch?v=U040cTw4O9g
+- 전체 흐름
+  - DroneDeploy — 프로젝트 카드(항공사진 썸네일 · 마지막 촬영일 · 목록/지도 보기) → 지도에서 위치 찍어 만들기 → 위 탭(비행 / 업로드 / 탐색 / 보고서) → 처리 끝나면 알림 → 왼쪽 층 판 + 오른쪽 세로 도구 띠 · 고도 색 + 히스토그램 범례 · 날짜 비교 밀대 → 왼쪽 아래 내보내기.
+  - Urban — 전체 3D + 왼쪽 위 검색 판(사업 · 계획 · 지표) + 지도 핀 → 열면 위 띠에 시나리오 드롭다운 · 모드 아이콘 → 오른쪽 판이 모드따라 바뀜(정보 · 용도 색 띠 + 면적표 + Δ · 대시보드 막대 · 숫자 칸) → 비교 엑셀 · 공개 공유 · 의견.
+- 쓰기 쉬운 점 — 썸네일 카드로 현장 찾기 · 처리 뒤 알림 · 히스토그램 범례 · 지도 핀으로 열기(산림청 예정노선 여러 개) · 시나리오 드롭다운 · 보기 전용 공유(공무원 검토).
+- 우리와 안 맞는 점 — 둘 다 보기 · 검토 도구(설계 단계 체인 없음) · 아래 판(종단 · 표) 자리 없음 · CAD · 수량 · 원가 없음 · Urban 은 업로드 흐름 없음.
+- 그림 — `C7_4_dronedeploy_newproject.jpg`(프로젝트 카드) · `C7_4_dronedeploy_dashboard.jpg`(목록 시안) · `C7_4_dronedeploy_explore.jpg`(탐색 화면) · `C7_4_dronedeploy_elevation.jpg`(고도 색 + 히스토그램) · `C7_4_dronedeploy_export.jpg`(내보내기) · `C7_4_urban_live_overview.jpg`(첫 화면 3D + 핀) · `C7_4_urban_live_planlist.jpg`(계획 목록) · `C7_4_urban_live_plan.jpg`(시나리오 · 모드 아이콘) · `C7_4_urban_live_zoning.jpg`(색 띠 + 면적표 + Δ) · `C7_4_urban_live_dashboard.jpg`(대시보드 카드)
+
+### 후보 한눈에
+
+| 프로그램 | 웹 | 프로젝트 목록 | 차례 단계 | 노선 · 종단 | 색 분석 | 표 · 원가 | 판정 |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| InfraWorks (+ConceptStation) | ✕(데스크탑) | ○ | ○ 탭 넷 | ○ | ○ | ConceptStation ○ | 1순위 |
+| Forma | ○ | ○ | ✕ 모드 셋 | ✕ | ○ 가장 좋음 | ✕ | 2순위 |
+| Giraffe · TestFit | ○ | ○ | △ 레이아웃 탭 | ✕ | △ | △ 숫자 표 | 부분 |
+| DroneDeploy | ○ | ○ 썸네일 | △ 위 탭 | ✕ | ○ | ✕ | 부분 |
+| ArcGIS Urban | ○ | △ 지도 핀 | ✕ 모드 | ✕ | ○ | △ 대시보드 | 부분 |
+
+## ③ 1순위(InfraWorks 뼈대 + ConceptStation 서랍)에 우리 기능을 옮긴 지도
+
+| 우리 화면 | 본보기의 어느 화면 · 어떤 꼴로 | 메모 |
+| --- | --- | --- |
+| B01 대시보드 | InfraWorks 시작 화면 — 왼쪽 [새 프로젝트] [열기] + 거르기(최근 · 내 것 · 회사 · 받은 예정노선 · 보관) · 오른쪽 프로젝트 표(이름 · 종류 · 진행 단계 · 마지막 연 때 · 줄 끝 「…」) · 표/카드 전환 | 카드 썸네일은 DroneDeploy 꼴(노선 지도 작은 그림) · 회사 · 사용자 관리는 오른쪽 위 톱니 아래로 뗌 |
+| B02 등록 | Model Builder 대화창 — 이름 · 종류 · 지역 + 지도에서 구역 지정 | ConceptStation 새 파일(지도 사각형 + 이름 · 좌표계) 꼴이 더 가까움 · 표제란 값은 접힘 칸 |
+| B03 업로드 | 오른쪽 Data Sources 패널 — 자료 종류별 줄(계획노선 · 라이다) · 상태(올림 · 처리 중 · 끝) | 처리 뒤 알림은 DroneDeploy 꼴 |
+| B04 전처리 | 같은 자료 패널의 「처리」 줄 + 결과는 3D 위 색 분석(표고 · 경사 · 물 흐름)으로 보임 | Themes 색 띠 범례 · 단계 탭 ① 「관리」 자리 |
+| B05 노선 · 종단 | 작업 화면 중심 — 3D/평면 + 선택 노선의 오른쪽 속성(측점 범위 · 표고 범위 · 경사 범위 · 절성토 게이지) + 아래 종단 보기(수직 과장 · 측점 따라가기) | 지금 B05 아래 종단 칸과 거의 같음 · 유토곡선 · 표 · 배수유역은 아래 서랍 탭으로(ConceptStation) · 노선 추천 = 위 대안 칸 |
+| B06 횡단 | ConceptStation 아래 서랍 「횡단」 탭 — 측점 앞뒤 화살표 · 과장 비율 | B05 와 한 페이지 유지 · 서랍 탭 전환으로 이동 · 지금 오른쪽 「횡단」 손잡이 대체 |
+| B07 CAD 도면 | 단계 탭 「발표 · 내보내기」 자리의 전용 시트 화면(Giraffe Paper 꼴: 위 단추 줄 · 가운데 시트 · 시트 목록) | 본보기에 CAD 없음 — 지금 자체 WebGL CAD 유지 · 셸(위 단계 탭 · 오른쪽 패널)만 맞춤 |
+| B08 수량 | ConceptStation 아래 서랍 「비용」 탭(공종별 합계) → 전체 화면 상세 보고서 표(코드 · 항목 · 수량 · 단위) | 지도 줄 ↔ 표 줄 서로 짚기 |
+| B09 원가 | ConceptStation 상세 수량 · 비용 보고서 + 단가 설정 표(범주 · 코드 · 항목 · 단위 · 단가) + [엑셀] | 표형 화면은 왼쪽 패널 접힘 · 합계 크게 |
+| D 예정노선 | 같은 셸 · 단계 탭 셋(기준 지정 → 노선 분석 → 확정) · 연도별 노선 후보 = 위 대안 칸 + 오른쪽 패널 후보 카드(연장 · 최대 경사 · 위반) | 산림청 보기 전용 · 지도 핀으로 열기는 ArcGIS Urban 꼴 · 업체 지정 = 오른쪽 패널 폼 |
+| E 안정성평가 | 단계 탭 「분석」 — Themes 색 분석(평면 위험 띠 · 광역 위험 색 지도) + 오른쪽 결과 패널(최소 안전율 · 판정 · 절편표) + 아래 서랍(횡단 · 절편력 그래프) | 색 + 색 띠 범례 + 구간 표는 Forma 분석 꼴이 더 깔끔 — 섞어 씀 · E05 보고서 = 표형 |
+| 설정 | 오른쪽 위 톱니 — 단위 · 표시 · 테마 · 언어 / 회사 · 사용자 · 시스템은 시작 화면 쪽 관리 메뉴 | 작업 화면 안 「페이지 설정」 카드는 오른쪽 패널 한 탭으로 |
+| 사용자 가이드 | 오른쪽 위 [?] + 첫 화면 왼쪽 아래 링크(새 기능 · 도움말 · 교육) | 지금 [?] 단추 자리 이동 · A05 가이드 연결 |
+
+셸 그림(1순위 기준):
+
+```
+┌ 위 줄 ─ 집 · 프로젝트명 │ [관리][노선 · 종단][횡단][도면][수량 · 원가] │ 대안 ▾ │ 보기 도구 │ 저장 · ⚙ · ? ┐
+├ 가운데 3D · 평면 캔버스(왼쪽 아래 좌표 · 측점 · 오프셋) ─────────────────────┬ 오른쪽 패널 한 자리 ─┤
+│                                                                             │ 자료 / 속성 / 색 분석 │
+├ 아래 서랍 탭 ─ [종단][횡단][유토곡선][표][비용][검토 ⚠] · 끌어 크기 · 접기 ─┴──────────────────────┤
+```
+
+## ④ 따라 만들 때 주의
+
+- 베끼지 않음 — 이름(InfraWorks · Forma · ConceptStation · Giraffe · DroneDeploy · ArcGIS) · 로고 · 아이콘 · 그림 · 화면 안 고유 이름(ViewCube · Action Center · Backstage · Proposals · Model Builder)을 우리 화면 글에 쓰지 않음. 배치 · 흐름만.
+- 도움말 글 · 그림 저작권 — Autodesk 도움말은 CC BY-NC-SA 3.0(비영리) → 우리 상용 가이드에 옮겨 쓰지 않음. 그림은 내부 참고만(이 `ref_C/` 는 tmp · git 밖 유지).
+- 겉 꼴 — InfraWorks 의 어두운 리본 · 촘촘한 아이콘은 버리고 366 제안의 밝은 회색 틀 · 강조 한 색 · 아이콘 + 글자 단추로.
+- 라이브러리 — 화면 틀 라이브러리 새로 들이지 않고 `ui_template` 직접. 아이콘 Tabler(MIT) · 색 Radix Colors(MIT) · 패널 나누기 Split.js(MIT) · 표 Tabulator(MIT) 정도. Esri Calcite · ArcGIS Maps SDK(Esri 독점) · Autodesk · Bentley SDK 는 쓰지 않음.
+- 자동 저장 꼴(Giraffe · Forma)은 따르지 않음 — 우리 [저장] · [확정] 규칙 유지.
+- 지도 출처 표기(카카오 · VWorld)는 캔버스 오른쪽 아래 그대로.
+
+## ⑤ 정할 거리
+
+1. 본보기 — InfraWorks 뼈대(1순위 · 도로 흐름 일치) / Forma 뼈대(2순위 · 웹 겉 꼴 우선).
+2. 단계 이동 — 위 줄 단계 탭(권함 · 탭 다섯 안팎으로 묶음) / 지금 왼쪽 아래 [<] [>] 유지.
+3. 아래 서랍 — 종단 · 횡단 · 유토곡선 · 표 · 비용을 탭 하나로 모음(권함) / 페이지마다 따로.
+4. 오른쪽 패널 한 자리 — 자료 · 속성 · 색 분석 · 대안을 번갈아(권함) / 지금 왼쪽 카드 유지.
+5. 대안(노선 추천 · 연도별 후보) — 위 줄 대안 칸 / 패널 안 카드 목록.
+6. 첫 화면 — 표 중심(InfraWorks · 권함) / 썸네일 카드 중심(DroneDeploy) / 둘 다 전환.
+7. CAD(B07) · 원가(B09) — 셸만 맞추고 본문 유지(권함) / 본문까지 새로.
+8. 시안 — B01 · B05 두 화면을 1순위 · 2순위 각각 HTML 시안으로 먼저 볼지.

docs/raw/요구_1025/제안_367_본보기.md

@@ -0,0 +1,45 @@
+# 제안 367 — 통째로 따라 할 본보기 프로그램 (10-26)
+
+원문 = `사용자요구_1025.md` 요구 367(지금 화면 고침이 아니라 새 인터페이스 · 본보기를 찾아 비슷하게) · 조사 셋 = `_조사_367-A_본보기_업계.md`(안티그래비티) · `_조사_367-B_본보기_SaaS.md`(sub1) · `_조사_367-C_본보기_지도3D.md`(sub4) · 그림 58 장 = `ref_367/`(B_ = sub1 · C_ = sub4).
+제안만 — 사용자가 고른 뒤 시안 → 계획.
+
+## 1. 세 조사가 고른 1순위
+
+| 조사 | 1순위 | 까닭 한 줄 | 대표 그림 |
+| --- | --- | --- | --- |
+| A 토목 · GIS 설계 | **Onshape**(클라우드 CAD) | 첫 화면 문서 표 → 문서 안 아래 탭(3D · 도면 · 수량표)으로 한 창에서 오감 = 우리 「프로젝트 하나 = 노선 → 횡단 → 도면 → 수량 → 원가」 | (안티그래비티 폴더 · 공개 문서 https://cad.onshape.com/help/Content/Home/user_interface_basics.htm) |
+| B 쉬운 작업 SaaS | **Felt**(지도 작업 SaaS) | GIS 모르는 사람용 · 위 도구줄 · 왼쪽 범례 · 오른쪽 상세 · 아래 표 · 가운데 지도 다섯 칸이 우리 지도 화면 대부분과 겹침 · 인쇄 판 = 도면 출력 | `B_Felt_02_map_parts.jpg` · `B_Felt_01_workspace_home.jpg` · `B_Felt_05_print_layout.jpg` |
+| C 지도 · 3D 설계 | **Autodesk InfraWorks + Bentley ConceptStation**(도로 개념설계) | 하는 일 자체가 같음 — 지도 위 노선 · 아래 종단 · 횡단 · 비용 서랍 · 대안 비교 · 수량 · 비용 보고서 | `C_C7_3_infraworks_ui.jpg` · `C_C7_3_conceptstation_plan_profile.jpg` · `C_C7_3_conceptstation_report.jpg` |
+
+2순위로 셋 다 Autodesk Forma(웹 대지 설계 · 가장 깔끔한 겉 꼴)를 듦 · 표 화면은 Airtable · 산림청 3D 보기는 Google Earth 웹이 덧댐으로 나옴.
+
+## 2. 세 갈래 견줌
+
+| | 안 1 Felt 중심 | 안 2 Onshape 중심 | 안 3 InfraWorks · ConceptStation 중심 |
+| --- | --- | --- | --- |
+| 첫인상 | 가장 현대적 · 가볍고 밝음 | 현대적 · 공학 도구 느낌 | 전문 도로 프로그램 · 어둡고 촘촘(오래된 느낌) |
+| 처음 쓰는 사람 | 가장 쉬움 | 보통 | 어려움(엔지니어에겐 익숙) |
+| 우리 단계 흐름 | 없음 → 왼쪽 단계 목록(Figma 쪽 목록 꼴)으로 덧댐 | 아래 탭으로 바로 맞음 | 위 단계 탭으로 바로 맞음 |
+| 노선 · 종단 · 횡단 | 아래 칸에 종단 · 횡단을 넣어 덧댐 | 덧댐 | 그대로 있음 |
+| 수량 · 원가 표 | Airtable 꼴로 덧댐 | 수량표(BOM) 탭 있음 | ConceptStation 비용 보고서 있음 |
+| 도면 출력 | 인쇄 판 편집기 있음 | 도면 탭 있음 | 약함 |
+| 산림청 · 예정노선 | 보기 모드 · 공유 잘 맞음 | 보통 | 보통 |
+
+## 3. 브레인 권함 — 안 1 「Felt 꼴 + 도로 칸은 ConceptStation」
+
+- 겉모습 · 조작감 · 첫 화면 = **Felt** 를 통째로 따름(위 도구줄 · 왼쪽 범례 · 목록 · 오른쪽 상세 · 아래 칸 · 가운데 본문 · 작업공간 홈 · 인쇄 판 · 설정).
+- Felt 에 없는 것만 덧댐 — 단계 = 왼쪽 위 단계 목록(상태 점 · Figma 쪽 목록 꼴) + 위 도구줄 [다음 단계 ▶] · 노선 화면 아래 칸 = 종단 · 횡단 · 비용 탭(ConceptStation 서랍 꼴) · 수량 · 원가 = 가운데 표(Airtable 꼴).
+- 까닭 — 사용자가 「사용 편의 · 배치 · 접근」이 어렵다고 함 → 처음 쓰는 사람이 가장 덜 헤매는 Felt 를 뼈대로 · 도로 전문 화면은 같은 일을 하는 ConceptStation 에서 꼴만 빌림 · 셋 중 겉이 가장 현대적.
+- 우리 화면 옮김표(14 줄) = `_조사_367-B_본보기_SaaS.md` ③ · 도로 칸 옮김 = `_조사_367-C_본보기_지도3D.md` ③.
+
+## 4. 따라 만들 때 지킬 것
+
+- 배치 · 흐름만 따름 — 상표 · 로고 · 색 · 아이콘 · 그림은 베끼지 않음(우리 색 · Tabler 아이콘 · Pretendard).
+- 우리 규칙은 그대로 — [저장] · [확정] · [초기화] 단추(Felt 는 자동저장) · 계산 자리 · 데이터 3 층.
+- 새 화면 라이브러리 없이 지금 TS 틀로 다시 짬(라이센스 · 묶음 크기).
+
+## 5. 정할 것 (사용자)
+
+1. 본보기 — 안 1 Felt 중심(권함) / 안 2 Onshape 중심 / 안 3 InfraWorks · ConceptStation 중심.
+2. 시안 — 고른 안으로 대시보드 · B05 노선설계 두 화면을 먼저 HTML 시안(진짜 데이터 없이 보기용)으로 만들어 보고 정할지(권함).
+3. 단계 자리 — 왼쪽 단계 목록(안 1) / 아래 탭(안 2) / 위 탭(안 3).