b23042andClaude Opus 4.8
e0ff5dd6d0
- 지도 기반 나침반(노스업, 현재위치, 시야 역삼각형): 호버 확대·휠 줌·클릭 위성전환, OSM/Esri 타일 서버 프록시(/api/tile) - 스테이션 검색: 실제 측점(chain) 기준 이동, 없으면 '측점 없음' 안내 - 역 마커: 직교 투영 측점 일치 시에만 표시, 미도착 종점은 추가 방식 - POI 팝업 겹침/재등장·라벨 정합 수정 - 영상 fps 데이터 기반 자동 산출 - 기술/발표/쉬운설명 문서 추가 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
# '측점 없음' 안내가 안 뜨던 문제 수정 (CSS 레이아웃)
|
|
|
|
**소요 시간**: 약 10분
|
|
**Context 사용량**: input ~300k / output ~2k tokens
|
|
|
|
## 문제
|
|
없는 측점 검색 시 "측점 없음" 안내가 화면에 안 떴다(로직은 정상).
|
|
|
|
## 원인
|
|
재생/입력 패널 `.transportGroup` 은 고정 크기 + 자식 요소가 모두 `position: absolute`.
|
|
안내 `<span>` 이 일반 흐름이라 패널 좌상단에 깔려 버튼/패널 뒤에 가려짐.
|
|
|
|
## 수정
|
|
- [PlaybackControls.module.scss](../../client/src/stationbar/components/PlaybackControls/PlaybackControls.module.scss)
|
|
에 `.notFound` 클래스 추가: 입력창과 같은 위치·크기로 **절대배치**, `z-index:6`, 어두운 배경 + 빨간 글씨.
|
|
- [PlaybackControls.tsx](../../client/src/stationbar/components/PlaybackControls/PlaybackControls.tsx)
|
|
안내 span 을 인라인 스타일 → `className={styles.notFound}` (문구 `⚠ 측점 없음`).
|
|
- 1.8초 후 자동 숨김 / 재입력 시 숨김(기존 로직 유지).
|
|
|
|
## 부수 정리
|
|
- 진단용 HUD 표시 `· 검색v5` 제거(빌드 확인용이었음).
|
|
|
|
## 검증
|
|
- `tsc --noEmit` 통과, `npm run build` 성공 → :55000 서빙.
|
|
- 168000(범위 밖) 검색 시 '⚠ 측점 없음' 정상 표시 확인(사용자).
|