Files
GhiVideo/docs/history/2026-06-29_1123_활성색-amber-통일.md
T
b23042andClaude Opus 4.8 e9052143d7 feat: 스테이션바 측점 정확도 개선 + 영상 컨트롤 UI 통합 + 종합 기술문서
스테이션바/측점(체이니지)
- 역 재진입 마커 누락 수정: 측점기준 탐지에 좌표근접(pxPassesTo) 합집합 보강(중복 24px 제거)
- kmExists 판정: 좌표 반경만으로 잡힌 통과는 측점값 라벨/검색에서 제외(마커 동그라미는 유지)
- 측점값 라벨 겹침 숨김(좌측 우선), 동일항목 브래킷 클러스터
- 측점 검색 순환(통과방향 다음→끝에서 처음), 마커 기준 후보 산출, 입력값 유지/blur 삭제
- 연속 체이니지 수직투영 유틸 분리(client/src/utils/chainage.ts), Minimap 컴포넌트 추가

영상 컨트롤 UI
- 선형/드론궤적/좌측패널 토글을 재생바로 통합(settingsStore 공유·persist)
- 드론 GPS·고도 HUD 상시 표시, 경로표고·투명도 항상 노출, 겹침제외 버튼 숨김
- 재생바 요소 재배치(좌측패널→선형→드론궤적→드론위치정보→시설등급), 활성색 amber 통일

문서/도구
- 종합 기술명세서(인계+특허 기초) md/html/pdf 3종, UI개선 보고서 3종
- md→html→pdf 변환 스크립트(scripts/md2docs.sh) + 스타일(docs/assets/report.css)
- 작업 히스토리 다수 추가(docs/history/)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-29 14:56:27 +09:00

1.1 KiB

활성화 상태 색상 amber(겨자/오렌지)로 통일

소요 시간: 약 4분 Context 사용량: input ~280k / output ~18k tokens

결론

재생바·우측 토글의 활성화(ON/선택) 표시 색을 제각각(파랑/초록/빨강/하늘/회색)에서 amber-400 + 검정 글씨로 통일. 사용자 요청(노란/겨자/오렌지 계열).

변경 내용

  • client/src/components/player/VideoPlayer.tsx
    • 영상제어 ON: blue → bg-amber-400 border-amber-300 text-black
    • 배속 선택: bg-blue-600 text-whitebg-amber-400 text-black
    • 좌측 패널 / 선형 / 드론궤적 ON: emerald/red/sky → amber-400
    • 시설등급 체크박스: accent-blue-500accent-amber-400
  • client/src/components/overlay/StationOverlay.tsx
    • "화면표시 옵션"(showDisplay) 활성: sky-700 → amber-400
    • "카메라 파라미터"(showControls) 활성: gray-700 → amber-400

검증

  • tsc + vite build 통과(node 20). client/dist 재빌드(11:23).

참고

  • 비활성(OFF)은 기존 bg-black/70 border-gray-600 text-gray-300 유지.
  • 더 진하게 원하면 amber-500 으로 교체.