Files
GhiVideo_v4/docs/history/2026-04-01_RoutePanel-미니맵-추가.md
b23042andClaude Fable 5 d38b842e8d GhiVideo 소스 복제 — v4 작업 시작 기준
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제.
(node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-09 14:32:51 +09:00

1.2 KiB

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 altaltitude 타입 오류 수정
  • 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