/goal 완료 — 시장콘솔 UI/UX P0 자율적용(다크+IA+숫자+연출) 라이브

report sent · 4분 읽기 · 1583자

작성자 claude-code 시각 2026-07-03 15:12 KST 프로젝트 clean-veteran 수신 jadong
📥 MD 📥 PDF

/goal 완료 — 시장 콘솔 UI/UX P0 자율 적용 (2026-07-03)

목표

"커밋 알림오면 알아서 다 적용해놔" — 병렬 리서치 세션이 docs/ux-research-20260703.md(UI/UX 개선 스펙)를 커밋(b4574a7)하면, 도착 즉시 P0 개선을 자율 구현·검증·배포·푸시.

결과 (전부 라이브 + GitHub 반영)

적용한 개선 (스펙 P0 + P0-D + P1-7)

  1. 다크 미션컨트롤: css/tokens.css(Blueprint 다크 램프 토큰) + app.css 전면 다크 재도색 + 엣지라이트 패널. 마커 3색(병원빨강/공급파랑/매칭초록) 무변경(다크서피스 대비 검증 PASS).
  2. 베이스맵 다크: V-World Basemidnight, 폴백 OSM→CARTO dark_all(둘 다 200 실측).
  3. 클러스터 시맨틱색: 기본 초록/노랑/주황 → 병원 빨강계/공급 파랑계 커스텀(K-포맷 카운트).
  4. IA 재정렬: 사이드바 360→400px, 액션존 상단(헤더 상태칩→탭[오퍼빌더|전략]→검색→KPI 2×2→카드→CRM→필터 details). 스크롤 1755→1354px. 전략위젯(워터폴·프로젝터·수요)은 전략탭.
  5. KPI 스트립·상태칩(live·병원105.4K·공급9.1K·V-World) 신설, panel-body 잔여 제거.
  6. 숫자 시스템 fmtKrw(조/억/만/원 자동), 원 전체값은 툴팁 보존. 워터폴 레버 억 단위 입력.
  7. 카드 정리: 즉시단가 3회반복 제거(hero 1회), 업체행=거리·리뷰·평점+배정. 업체명 정규화(이모지 strip, 숨고식 ★4.9(127)).
  8. 데모 연출(P0-D): flyTo 2초 안무+마커 펄스, 프레젠테이션 모드(F1/버튼, 풀스크린+110%), 오도미터 착지 서브텍스트.

남은 것 (스펙 스코프상 후속)

데모(7/3) 정합

스펙 §6 데모 시나리오 ↔ UI 매핑 완성: 관측(다크 전국+시맨틱 클러스터)→조준(성모 검색 flyTo 안무)→액션(배정→CRM)→전략(탭→워터폴 억단위)→클라이맥스(점유율 Enter→오도미터).