Files
GhiVideo_v4/docs/history/2026-06-29_1106_선형-드론궤적-바버튼-이동.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.5 KiB

선형·드론궤적 토글을 재생바 버튼으로 이동

소요 시간: 약 12분 Context 사용량: input ~210k / output ~13k tokens

결론

영상 오버레이의 "선형(중심선)"·"드론 궤적" 표시 토글을 하단 재생바(VideoPlayer)의 겹침제외 버튼 왼쪽에 버튼 2개로 추가하고, 화면표시 옵션 창의 기존 동일 기능 버튼 2개는 제거. 버튼 폭은 겹침제외와 동일(min-w-[96px]).

변경 내용

  • client/src/store/settingsStore.ts
    • showCenterline(기본 true), showDronePath(기본 true) + 각 setter 추가. persist 로 지속.
  • client/src/components/overlay/StationOverlay.tsx
    • 로컬 useState 였던 showCenterline/showDronePath → 설정 스토어 구독으로 전환(refs/리셋은 그대로).
    • 화면표시 옵션 창의 선형/드론궤적 토글 버튼 2개 제거. (드론궤적 경로표고·투명도 슬라이더는 유지)
  • client/src/components/player/VideoPlayer.tsx
    • 스토어 셀렉터 추가, 겹침제외 버튼 바로 앞(좌측)에 선형 ON/OFF·드론궤적 ON/OFF 버튼 삽입.
    • 스타일: 겹침제외와 동일 폭(min-w-[96px]), 색은 기능별(선형=red, 드론궤적=sky).
    • 노출 조건은 겹침제외와 동일: 영상제어 ON + geoLoaded.

검증

  • tsc + vite build 통과(node 20). client/dist 재빌드 → 55000 강력 새로고침 확인.

참고

  • 상태를 스토어로 올려 바 버튼과 오버레이 렌더가 단일 소스 공유.
  • '기본값' 리셋(StationOverlay)도 스토어 setter 로 동작 유지.