From 958ea3f75a208401332993293518ef726adc09c6 Mon Sep 17 00:00:00 2001 From: minsung Date: Wed, 1 Apr 2026 19:26:35 +0900 Subject: [PATCH] =?UTF-8?q?docs:=202026-04-01=20RoutePanel=20=EB=AF=B8?= =?UTF-8?q?=EB=8B=88=EB=A7=B5=20=ED=9E=88=EC=8A=A4=ED=86=A0=EB=A6=AC=20?= =?UTF-8?q?=EA=B8=B0=EB=A1=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- .../2026-04-01_RoutePanel-미니맵-추가.md | 37 +++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 docs/history/2026-04-01_RoutePanel-미니맵-추가.md diff --git a/docs/history/2026-04-01_RoutePanel-미니맵-추가.md b/docs/history/2026-04-01_RoutePanel-미니맵-추가.md new file mode 100644 index 0000000..3088295 --- /dev/null +++ b/docs/history/2026-04-01_RoutePanel-미니맵-추가.md @@ -0,0 +1,37 @@ +# RoutePanel 미니맵 추가 및 개선 + +**소요 시간**: 약 3시간 +**Context 사용량**: input ~60k / output ~20k tokens +**이슈**: 없음 + +--- + +## 작업 내용 + +### RoutePanel 컴포넌트 생성 및 VideoPlayer 통합 + +- `client/src/components/overlay/RoutePanel.tsx` 신규 생성 +- `VideoPlayer.tsx`에 통합 (`showStations` 토글 연동) +- props: `currentTime`, `visible`, `onSeek` + +### 기능 + +- 세로 미니맵 패널 (화면 좌측) +- 교량/터널 POI만 필터링하여 표시 (터널: 보라, 교량: 하늘색) +- 초록 박스: 현재 카메라에 보이는 km 범위 +- 오렌지 마커: 현재 위치, 드래그하면 해당 측점으로 seek +- 시점/종점 역명 표시 (역사 카테고리 POI 중 km 최소/최대) + +### 수정 이력 + +- `StationOverlay.tsx` `alt` → `altitude` 타입 오류 수정 +- `cleanTitle()`: (상)/(하) 접미어 제거 +- km 방향 여러 차례 수정 끝에 확정: 높은 km = 위, 낮은 km = 아래 +- 패널 높이 80%, 겹침 간격 9% +- 글씨 크기 +30%, 배경 투명도 밝게 + +## 산출물 + +- `client/src/components/overlay/RoutePanel.tsx` (신규) +- `client/src/components/player/VideoPlayer.tsx` +- `client/src/components/overlay/StationOverlay.tsx`