Files
GhiVideo/docs/history/2026-06-26_0913_동일항목-묶음-브래킷.md
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

2.4 KiB

동일 항목 묶음 브래킷 표시

소요 시간: 약 15분 Context 사용량: input ~55k / output ~6k tokens

결론

스테이션바 타임라인에서 같은 항목(동일 역명)을 드론이 여러 번 통과할 때, 두 번째 참고 이미지처럼 점선 브래킷(각 통과 수직 드롭 + 하단 수평 연결선) 으로 묶고 클러스터 중앙에 라벨 1개 만 표시하도록 변경.

근거 / 변경 내용

  • 파일: client/src/stationbar/components/Timeline/Timeline.tsx
  • 기존: 다중통과 시 labelEntries(마지막 통과 라벨 1개 + 나머지 중앙 라벨 1개) + 통과별 점선 틱(leaderPxs) → 같은 항목인데 라벨이 2개로 쪼개져 표시됨.
  • 변경: labelGroups 로 재구성.
    • 같은 title 통과들을 px 간격(GROUP_GAP_PX = 350)으로 클러스터 분할 — 가까운 통과는 한 묶음, 멀리 떨어진 통과(예: 대전조차장 두 차례 진입)는 별도 묶음 → 각자 브래킷/라벨 1개.
    • 클러스터당: 각 통과 px에 수직 드롭(top 46, h4) + 양끝을 잇는 수평 점선(top 50) + 중앙(centerPx) 라벨 1개.
    • 단일 통과는 브래킷 없이 자기 위치 라벨 1개(기존 동작 유지).
    • 색(passed/neutral) 판정 기준을 통과 px → 클러스터 centerPx 로 변경. 미도착(unreached)은 묶음 내 하나라도 있으면 neutral 유지.

검증

  • tsc --noEmit 통과 (node 20 환경).

후속 수정 (가로 점선 미표시 → 거리 클러스터링 제거)

  • 1차 구현은 GROUP_GAP_PX = 350 으로 동명 통과를 거리별 클러스터로 분할 → 대전조차장역 두 통과가 ~1050px 떨어져 각각 단일 묶음이 되어 브래킷(가로 점선)이 안 나옴.
  • 수정: 거리 클러스터링 제거. 동명(title) 통과는 거리와 무관하게 하나로 묶어 lo~hi 전체에 수평 점선 + 각 통과 드롭 + 중앙 라벨 1개를 그림. (사용자 요청: "가로 점선이 보여야해")

다음 단계 참고

  • 브래킷 수직 위치(드롭 46~50, 수평 50, 라벨행 51)는 트랙 하단(46.5)/labelRow(51) 기준. 라벨 폰트/행간 변경 시 함께 점검.
  • 동명 통과가 매우 멀리 떨어진 경우 중앙 라벨이 빈 트랙 중앙에 놓일 수 있음(가로 점선으로 연결됨). 추후 묶음 분할이 다시 필요하면 거리 임계값 방식을 재도입할 것.