docs: 2026-04-01 RoutePanel 미니맵 히스토리 기록
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
37
docs/history/2026-04-01_RoutePanel-미니맵-추가.md
Normal file
37
docs/history/2026-04-01_RoutePanel-미니맵-추가.md
Normal file
@@ -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`
|
||||
Reference in New Issue
Block a user