2026-06-12 세션 — 엣지 탭·열 동적화·복사/코어 수정 (material-spec)

논의·대안

material-spec 단일 HTML 앱의 UI·라이브러리 확장 3건을 코디가 연속 실행. ① 엣지 라이브러리: 작업 전 목업(edge_mockup.html)을 먼저 띄워 페페 확인 후 본 구현 — 화면 서브탭 배치는 칼라|엣지|코어 + 부자재 우측 분리(당분간 미사용), 엣지 폼은 토글배열(전체 노출) + 직접입력 병행으로 결정. ② 사양서 표 개편: 형태 열 세로쓰기를 가로 텍스트+자동 줄바꿈으로, 도어/바디 하위 열은 고정 상수에서 state.parts 동적 데이터로 전환해 사용자가 열 추가/삭제/수정. ③ 코어 추가 모순: 18T MDF 존재 시 두께 18T 선택이 먼저 막혀 PB로 못 가는 데드락 — 대안(변경 차단 유지 vs 재질 자동 전환 vs 지연 검증) 중 재질 자동 전환 + 완전 중복 자동 등록 취소로 확정.

결정

• 엣지 = 칼라 연동(colorId) 별도 풀(4풀째). 사양서 표기 = "칼라명 두께T폭mm"(예: IV075MT 1T22mm). 두께 "T"·폭 "mm" 단위 자동 생성.
• CORE 기본값 = 도어 18T MDF(주방/일반 공통)·바디 주방 15T PB·일반 18T PB. 빈 코어 셀은 로드 시 자동 채움.
• CP/FL·손잡이 열 삭제, 목찬넬 다음 걸레받이 추가. 열 정의는 데이터(state.parts)로 — JSON schemaVersion 2 유지(additive 정규화).
• 라이브러리 복사 = 칼라/엣지/부자재(코어는 조합 유일 제약으로 제외). 코어 중복 = 재질 자동 전환 → 안 되면 미사용 항목 자동 등록 취소 + 안내, 사용 중 항목은 보존.

산출물·커밋

• C:\dev\material-spec 커밋 4건: 4af21f5(엣지 탭 + edge_mockup.html) → 42a8c12(열 동적화·CORE 기본값·형태 가로) → 89fb37d(복사·코어 수정) → a20b4b6(열 일괄 편집 — 헤더 [편집] 행, 모달 덮어쓰기/빈칸채움/삭제, 범위=현재 표만·페페 확정). 전부 Playwright 실구동 검증(콘솔 에러 0)·notify-step/done 발송.
• user_brief: projects/material-spec/handoff.md 갱신(4풀·동적 열·코어 기본값 불변핵심 반영), 본 세션 문서, 전역 C:\dev\CLAUDE.md에 코디 시드 갱신 지침 추가.

다음

• 페페 실사용 피드백 → phase3 범위 결정(pfs 이식 또는 선택 기능). 후보: 기존 부자재 엣지 → 엣지 풀 일괄 변환.

관계

• 주제 그룹: (없음 — webdev·ui 단일 줄기)
• 관련 문서: material-spec-handoff