---
title: "🏛️ 260625 — 달록 레이아웃 헌법 v1.0 정식 확정 (UI 프레임 재건 1단계 closing)"
category: "decision"
parent: "Claude Code 작업보고"
document_type: "의사결정"
source_status: "generated"
knowledge_group: "03_history"
priority: "High"
purpose: "본앱 UI 프레임 재건의 레이아웃 헌법을 DRAFT V2 → v0.9 → v1.0으로 정식 확정한 경위·결정·코드정합 검증 기록. 무엇을 확정으로 닫고 무엇을 보류/잔여로 정직 표기했는지, 3단계 확산의 검수 기준이 무엇인지의 근거."
read_when: ["레이아웃 헌법","UI 프레임 재건","breakpoint 768/1024","primitive","inline 절충안 D","간격 토큰","3단계 확산 기준"]
updated: "2026-06-25"
work_timestamp: "20260625_141928"
context: "달록본레포CC (D:\\dallog\\dallog_git) — UI 프레임 재건 대작업(0~3단계). 진본 SOT: 본레포 docs/ui_rebuild/. KB는 작업보고 버전."
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
---
> 2026-06-25 결정. 상위 SOT = 본레포 `docs/go_work/ui_rebuild/_11_LAYOUT_CONSTITUTION.md`(v1.0 정식본). 본 문서는 그 확정의 작업보고.

## 0. 결론 요약
- **레이아웃 헌법 v1.0 정식 확정.** DRAFT V2(미확정) → v0.9(검수 제출본) → **v1.0(정식)**. 재건 순서(1헌법→2파일럿→3확산)의 "순서 역전"(미확정 헌법으로 2·3단계 진행) 정상화.
- 확정 절차 = v0.9 발행 → **GPT·Cai 공식검수 동의** → **Cdx 코드정합 실측** → 사장님 명시 승인 → **CC가 v1.0 closing**.
- 핵심 = **✅확정 / 🔧확정+잔여 / 🔓보류 3분할**로 정직하게 닫음("미결 이월 금지" + "코드보다 깨끗한 척 금지").
- push·머지는 헌법 확정과 **별개 관문**(헌법 v1.0 ≠ push 자동허용).

## 1. 확정된 것 (✅)
- **§3 breakpoint 768/1024 2단** — 사장님 명시 승인. 560은 전역 아닌 헤더 액션 압축용 보조 breakpoint(국소). 산발경계(600·640·880·900) 격리.
- **§3-1 간격 토큰 7단계(--space-1~7 = 4·8·12·16·20·24·32px)** — 코드(index.css:96~102)에 이미 600여 곳 가동 중인 것을 헌법이 **추인**(신규 설계 아님). 단계번호식 유지. space-5(20px)는 코드 31곳이라 유지.
- **§5 JS isDesktop 1024 예외** — History 실증. CSS @media 기본 + 모바일 우선.
- **§6 inline 절충안 D(빨강·초록 2색)** — 노랑(조건부 허용) 폐기(inline 병 합법화 씨앗). 빨강=구조+간격(margin/padding/gap) inline 금지 / 초록=데이터 계산값만. "박을 곳 없애고 갈 곳(space 토큰) 먼저 만듦"의 강제력.
- **§8 primitive 3종(PageHeader·ActionRow·TruncateText)** — History 검증 + Cdx 정의 확인(index.css 1115·1117·1119).

## 2. 보류 (🔓 정직 — v2 이월 아님)
- primitive 7종(Stack·HStack·SplitRow·Cluster·ResponsiveGrid·CardGrid·PanelShell — 정의만, 미검증) · 웨어러블 프레임 · grid 3단·absolute 36곳 · index.css 분리.
- **1차 검증 담당 명시**: grid 계열 3종(ResponsiveGrid·CardGrid·PanelShell) + grid 3단 = **3-2 CoachNotes**가 검증. 나머지는 이후 화면 시공 시.
- "나중에 정하자"가 아니라 "다음 화면이 검증"으로 일정 고정.

## 3. Cdx 코드정합 실측 — 헌법 vs 실제 코드 (🔧 확정+잔여)
라이너 검수자(GPT·Cai)는 로컬 코드 미접근이라 "논리"만 검증. CC·Cdx가 로컬로 실측해 괴리 2건 발견 → 헌법에 정직 표기:
- **769 잔존 6곳**: 헌법은 "768 확정"이나 코드에 `min-width:769px`가 6곳 미이전(index.css 293·1801·1810·1834·1880·4354). → 768 확정 규칙 유지 + 769 6곳은 **768 통일 잔여작업** 등록(코드 일소는 해당 화면 시공 시).
- **isDesktop 영향 7파일**: 헌법 §5는 "4곳"이나 실측은 7파일(History·Settings·CoachChatPanel·CoachNotes·Layout·PublicRecords·SocialProfilePage). 미목록 3개(Layout·PublicRecords·SocialProfilePage)는 후속 JS→CSS 전환범위 잔여작업 등록.
- 간격토큰·primitive는 코드와 **일치** 확인.

## 4. 다음
- 헌법 위에서 3단계 점진 확산. **3-2 = CoachNotes 후보**(별개 관문 — `_15` §5 게이트: CC 리스트업 + Cdx primitive 재사용 매트릭스 → 사장님 명시 승인 → 코드).
- push·안전장치(3단계 회귀 웨이포인트)는 별도 결정 진행 중.