스테이션바/측점(체이니지) - 역 재진입 마커 누락 수정: 측점기준 탐지에 좌표근접(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>
2.4 KiB
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 유지.
- 같은 title 통과들을 px 간격(
검증
tsc --noEmit통과 (node 20 환경).
후속 수정 (가로 점선 미표시 → 거리 클러스터링 제거)
- 1차 구현은
GROUP_GAP_PX = 350으로 동명 통과를 거리별 클러스터로 분할 → 대전조차장역 두 통과가 ~1050px 떨어져 각각 단일 묶음이 되어 브래킷(가로 점선)이 안 나옴. - 수정: 거리 클러스터링 제거. 동명(title) 통과는 거리와 무관하게 하나로 묶어 lo~hi 전체에 수평 점선 + 각 통과 드롭 + 중앙 라벨 1개를 그림. (사용자 요청: "가로 점선이 보여야해")
다음 단계 참고
- 브래킷 수직 위치(드롭 46~50, 수평 50, 라벨행 51)는 트랙 하단(46.5)/labelRow(51) 기준. 라벨 폰트/행간 변경 시 함께 점검.
- 동명 통과가 매우 멀리 떨어진 경우 중앙 라벨이 빈 트랙 중앙에 놓일 수 있음(가로 점선으로 연결됨). 추후 묶음 분할이 다시 필요하면 거리 임계값 방식을 재도입할 것.