b23042andClaude Opus 4.8
78fc090360
- 클라이언트(React/Vite): Video.js 플레이어, 하단 스테이션바, POI/구조물 영상 오버레이, 카메라 파라미터 보정, 미니맵/RoutePanel - 서버(Express): Range 스트리밍, HLS 변환, 프레임 추출, tus 업로드, 주석 API - 최근 작업: 스테이션바 종점역 표출/양끝 정렬/미도착(재생불가) 표시, POI 라벨 '구분' 우선·컴팩트 팝업·겹침제외 토글·동일좌표 다중행, 진행방향(상/하) 우선 표출, 커서 배지 크기·픽셀 떨림 개선 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
29 lines
1.3 KiB
Markdown
29 lines
1.3 KiB
Markdown
# 폴더 선택 불가 회귀 수정 — 영상 준비 전 캔버스 입력 비활성
|
|
|
|
**날짜**: 2026-06-24
|
|
**수정 파일**: `client/src/components/overlay/StationOverlay.tsx`
|
|
**원인 도입**: [2026-06-24_1212_라벨팝업-다중-추적-클릭동작.md](2026-06-24_1212_라벨팝업-다중-추적-클릭동작.md)
|
|
|
|
## 증상
|
|
폴더 선택이 안 되어 시작 불가.
|
|
|
|
## 원인 (회귀)
|
|
직전 작업에서 오버레이 캔버스를 **항상 `pointer-events:auto`** 로 변경(영상이 클릭을 처리 안 해
|
|
캔버스가 전담하도록). 그런데 영상이 없을 때 표시되는 **폴더 선택/드롭 안내 UI**(z-auto)를
|
|
캔버스(z-20)가 덮어 클릭을 가로채서, 폴더 선택 버튼이 안 눌림.
|
|
|
|
## 조치
|
|
캔버스 입력 토글 effect에 **영상 준비 게이트** 추가:
|
|
```ts
|
|
if (!videoReady) { canvas.style.pointerEvents = 'none'; return; } // 폴더 선택/드롭 통과
|
|
```
|
|
- 영상 없음/로딩 중(`videoReady=false`) → 캔버스 입력 off → 하위 폴더 선택 UI 정상 클릭.
|
|
- 영상 준비 후(`videoReady=true`) → 캔버스 auto → 라벨 팝업/빈클릭 재생토글 등 정상.
|
|
- effect 의존성에 `videoReady` 추가.
|
|
|
|
## 검증
|
|
- `npm run build -w client` (node20) tsc + vite build 통과.
|
|
|
|
**소요 시간**: 약 4분
|
|
**Context 사용량**: input ~490k / output ~3k tokens
|