# 쉬운설명_프레임기반에서_측점기반_플레이어 — 3절 그림 개선

**소요 시간**: 약 10분
**Context 사용량**: input ~110k / output ~5k tokens

## 요청

- 「3. 핵심 비밀 — 매 장면마다 '시간'과 '측점'을 짝지어 둔다」 절의 그림을 더 명료하고 이해하기 쉽게 재작성.

## 문제 진단 (기존 그림)

- 마름모꼴 화살표 흐름(위 1박스 → 좌우 2박스 → 아래 1박스)이라 시선 동선이 교차함.
- 결과물인 "시간↔측점 표"가 문구로만 존재 — 표(사전)라는 핵심 개념이 시각화되지 않음.
- 표를 "왜 만드는지"(재생 중 측점 표시 / 측점 검색 점프)가 그림에 없음.

## 개선 내용 (docs/쉬운설명_프레임기반에서_측점기반_플레이어.md)

3단 구성으로 교체 (viewBox 720×330):

1. **① 사진 1장마다 두 값 계산** — 프레임 카드(번호+GPS) → ⏱시간(파랑)·📐측점(초록) 두 칩으로 분기
2. **② '시간↔측점' 표 완성** — 실제 표 모양(헤더+5행, 예시행 191초/192초/193초/⋮/348초, 현재행 하이라이트)으로 시각화. "모든 사진에 반복" 화살표로 ①→② 연결
3. **③ 표 하나로 양방향 찾기** — 재생 중("지금 192초, 여긴 어디?"→측점 표시) / 검색("160k130 가줘!"→192초 점프) 두 사용례 배지

- figcaption도 ①②③ 구조에 맞춰 갱신. 색 체계는 문서 기존 규칙 유지(시간=파랑, 측점=초록, 표=앰버, 화살표=보라).

## 검증

- md2docs.sh 재변환 정상 (HTML 24KB, PDF 94KB 재생성).
- SVG 좌표 겹침 검토(패널 간격·표 행 경계·하단 배지) 완료.
