---
title: 개발일지 2026-06-21
category: devlog
document_type: 개발일지
source_status: published
knowledge_group: 03_history
priority: Normal
purpose: 2026-06-21 개발일지 — 스튜디오 빌더 대개편(M1~M5·B구조·차트) + 프레임 리빌딩 시작
read_when: 6/21 작업 흐름 파악 시
updated: 2026-06-21
work_timestamp: 20260621_180000
source_of_truth: dallog-tools
---

# 개발일지 2026-06-21

## 스튜디오 빌더 구축(M1~M5 + B구조 + 차트 + 컴포넌트)
- M1·M2 미니브라우저+만능 요소특정+직접편집(요소룰), M3 diff 마크다운, M4 되돌리기·임시저장·뷰포트, M5 버전 히스토리/구버전 베이스 편집. B 구조변경 비파괴 프리뷰(이동·부모변경·분리·삭제), 차트 전용 편집 모드, 빌더 컴포넌트(복제·추가·삭제), 드래그+오스냅. 상세: 작업보고 '스튜디오 빌더 구축 M1~M5'.

## 프레임 리빌딩 시작(마크다운 → operation 직접발행)
- 별칭 중심화·프리플라이트·드롭 목적지 하이라이트(#210~#212), 구조변경 실앱 직접적용 런타임 + 잡으면 끌리는 드래그(#213), 덩어리 잡기·형제 재배치·16:9 프리뷰·새 요소 생성/숨김/복제 라이브, 옮기기/새 요소 라이브 증명(검증 후 원복). 상세: 작업보고 '스튜디오 프레임 리빌딩'.

### 핵심 의사결정 (디버깅 교훈)
- iframe cross-realm instanceof 실패→nodeType 판정, chart.options 프록시 손상→리프만 설정, stale 인스턴스→getChart 재조회.
- SoT는 마크다운(해석 레이어)이 아니라 사용자가 프리뷰에서 확정한 operation JSON. 미리보기=실앱.

### 미해결 / 다음
- 프레임 리빌딩 마무리(전수 속성·한글화)·본버전 패치로 이어짐(6/22).