크라우니 웹스튜디오 — 프레이머 대체 웹퍼블리싱 도구
studio.crowny.org:9933 — 비주얼 웹 빌더. 섹션 쌓기 → 라이브 프리뷰 → 익스포트/퍼블리시.
만든 것 (MVP, 이 세션)
- 3패널 비주얼 에디터(스튜디오.html): 컴포넌트 팔레트 + 레이어(▲▼✕ 재정렬·삭제) + 라이브 캔버스(iframe) + 인스펙터(선택 섹션 props 편집) + 반응형 토글(데스크/태블릿/모바일) + undo/redo + 저장/익스포트/퍼블리시.
- 공유 렌더러(엔진/렌더러.js): 트리 JSON → HTML. 프리뷰와 정적 익스포트가 동일 엔진. 21 컴포넌트 타입(저수준 13 + 복합섹션 8).
- 8 모션 프리셋(엔진/모션.js+css): reveal·stagger·parallax·magnetic·tilt·countup… data-motion 기반, prefers-reduced-motion 가드.
- 빠델라 시드 템플릿: 식당 랜딩(히어로·카드그리드·메뉴섹션·후기·폼·푸터) — padella와 연계.
- 서버(node): 정적+템플릿+트리CRUD+익스포트(렌더러 require)+퍼블리시(/s/:slug).
- 한선씨 동반(엔진/렌더러.한선): 섹션HTML 생성 코어, 컴파일·실행 검증(빠델라 1740B).
검증
- 에디터 헤드리스 렌더 OK(빠델라 템플릿 자동로드, 히어로·카드 표시).
- 익스포트/퍼블리시: 빠델라 템플릿 → 10.7KB 완전 HTML(히어로·메뉴·후기·폼 전부), /s/빠델라데모 200.
- 게이트웨이: studio.crowny.org→:9933 등록+httpOnly, 8443 백엔드 도달 200.
- R.Page 누락 버그 수정(루트 children 미렌더 → 추가).
빌드 방식 (병렬·자율·딥리서치)
- 딥리서치 워크플로(4에이전트): Framer 기능·웹빌더 아키텍처·모션기법 → 컴포넌트트리 JSON·6컴포넌트·3패널 에디터·정적익스포트·게이트웨이 퍼블리시 설계 도출.
- 빠델라 작업과 같은 세션 병행 → 빠델라가 첫 적용 사례(연계성·즉시적용·고도화).
잔여
- 공개 https: 새 서브도메인 stunnel SNI 재생성(stunnel_conf_gen.py) 필요 — 게이트웨이 세션.
- M5/M6: 인터랙션 패널·a11y 린트·반응형 오버라이드 편집, 블록 프리셋·다국어·OG자동화·1클릭 *.crowny.org 퍼블리시.
- 중첩 편집(현재 top-level 섹션 스택), 드래그 재정렬(현재 ▲▼), 이미지 업로드(현재 URL).
- 익스포터 한선씨 전면 이행(현재 코어만 동반).
2026-06-14 고도화: 인스펙터 리스트 편집기 + 빠델라 실콘텐츠
2026-06-14 병행 고도화 (전 트랙)
- studio 기능: ①인스펙터 list/menu 편집기(메뉴 카테고리+항목·카드·후기·갤러리를 항목별 UI add/del/edit — 시각검증) ②이미지 업로드(/api/upload, base64→파일→URL, img 필드 📁버튼) ③레이어 드래그 재정렬(draggable+drop) ④1클릭 서브도메인 퍼블리시(/api/publish가 crowny-ports.sh set <slug>.crowny.org→9933 + gateway reload, studio Host 디스패치로 발행사이트 서빙) ⑤?sel 딥링크.
- 영업시간 확정(리서치 에이전트, 3출처 교차): 11:00~20:30(L.O 20:00), 브레이크 15:00~17:00, 매주 일요일 휴무, 도우 소진 시 조기마감. padella site.json reserveInfo 반영(더 이상 미확인 아님).
- 빠델라↔studio 연계: studio 빠델라 템플릿이 실메뉴 동기화. ※완전 이관은 부적절 — padella.crowny.org는 예약/책/패밀리무브먼트까지 갖춘 풀 서비스라 studio 정적페이지보다 풍부함. studio는 랜딩 편집/발행 도구로 연계(데이터 공유).
- 이미지/갤러리: studio 이미지 업로드로 사장님이 직접/허락받은 사진 추가 가능. 인스타 자동수집은 차단(스크래핑 불가)이라 업로드 또는 이미지수집기(출처각인+허락) 경유.