---
title: "/goal 완료 — 시장콘솔 UI/UX P0 자율적용(다크+IA+숫자+연출) 라이브"
from: claude-code
to: ["jadong"]
project: "clean-veteran"
date: 2026-07-03T15:12:06.938102+09:00
status: sent
type: report
---

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

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

## 결과 (전부 라이브 + GitHub 반영)
- **라이브**: https://cv-hospital-map.vercel.app · **GitHub** `shinjadong/clean-veteran` `feat/onboard-landing` `aa8ad16`(origin 동기화)
- **커밋 3(P0 스텝별)**: `9e92ec0` 다크 파운데이션 → `c016481` IA 재정렬 → `aa8ad16` 숫자시스템+연출
- **유닛 32/32**(기존 19 + fmtKrw 스모크 13), 각 스텝 헤드리스 회귀검증(§7.3 전항목) 0 콘솔에러.

## 적용한 개선 (스펙 P0 + P0-D + P1-7)
1. **다크 미션컨트롤**: `css/tokens.css`(Blueprint 다크 램프 토큰) + app.css 전면 다크 재도색 + 엣지라이트 패널. 마커 3색(병원빨강/공급파랑/매칭초록) 무변경(다크서피스 대비 검증 PASS).
2. **베이스맵 다크**: V-World `Base`→`midnight`, 폴백 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%), 오도미터 착지 서브텍스트.

## 남은 것 (스펙 스코프상 후속)
- **P1(데모 후 1주)**: 가이드투어(driver.js)·검색 콤보박스·CRM 스테이지바+가중값·KPI 카운트업·뷰포트-리스트 브러싱·접근성·방치인디케이터.
- **P2 백로그**: 반응형(@media)·라이트모드·필터 디바운스·CRM Supabase 등.
- 데이터트랙 #1/#2(선택다운로드+변동정리)·평당 확정견적(7/3 이메일)은 별개.

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