docs: [planning-design] v1.2 작업 영역 극대화 기능 문서 업데이트
- 사이드바/Description 패널 접기/펼치기 기능 추가 - 캔버스 폭 자동 확장 (1100→1400px) 반영 - 이미지 블록 더블클릭 업로드 변경 반영 - 파일 줄 수 4,300→4,430줄 갱신 - 버전 v1.1 → v1.2 갱신
This commit is contained in:
@@ -19,7 +19,7 @@
|
||||
| [migration-5130-mng](#migration-5130-mng---5130--mng-마이그레이션) | 🟡 진행중 | 5130 → mng 통합 마이그레이션 |
|
||||
| [e-sign](#e-sign---전자계약-서명) | 🟢 v1.0 구현 완료 | 전자계약 서명 솔루션 (SAM E-Sign) |
|
||||
| [org-chart](#org-chart---조직도-관리) | 🟢 v1.0 구현 완료 | 트리형 조직도 관리 (드래그앤드롭, 숨기기) |
|
||||
| [planning-design](#planning-design---기획디자인-스토리보드-에디터) | 🟢 v1.1 운영 중 | 브라우저 블록 에디터 (Notion/Figma 스타일) |
|
||||
| [planning-design](#planning-design---기획디자인-스토리보드-에디터) | 🟢 v1.2 운영 중 | 브라우저 블록 에디터 (Notion/Figma 스타일) |
|
||||
|
||||
---
|
||||
|
||||
@@ -231,7 +231,7 @@
|
||||
### planning-design - 기획디자인 스토리보드 에디터
|
||||
|
||||
**경로**: `docs/projects/planning-design/`
|
||||
**상태**: 🟢 v1.1 운영 중 (고도화 진행중)
|
||||
**상태**: 🟢 v1.2 운영 중 (고도화 진행중)
|
||||
**목표**: 브라우저 내 Notion/Figma 스타일 블록 에디터로 ERP 화면 기획서 작성
|
||||
|
||||
**핵심 문서**:
|
||||
@@ -244,6 +244,7 @@
|
||||
| 블록 유형 | 15종 (텍스트/레이아웃/UI모형/미디어/체크리스트) |
|
||||
| 편집 기능 | 올가미 선택, Undo/Redo, 복사/잘라내기, 서식 |
|
||||
| 서식 시스템 | 글자색/배경색/크기/굵기/기울임/정렬/z-index |
|
||||
| 작업 영역 | 사이드바/Description 접기/펼치기, 캔버스 폭 자동 확장 |
|
||||
| 출력 | HTML 내보내기 + A4 인쇄 (좌표 기반 WYSIWYG) |
|
||||
|
||||
**기술 스택**: Alpine.js + localStorage (서버 API 없음)
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
# 기획디자인 스토리보드 에디터
|
||||
|
||||
> **시작일**: 2026-03-07
|
||||
> **상태**: 🟢 v1.0 운영 중 (고도화 진행중)
|
||||
> **상태**: 🟢 v1.2 운영 중 (고도화 진행중)
|
||||
> **경로**: MNG `/rd/planning-design`
|
||||
> **담당**: Claude Code + 개발팀
|
||||
|
||||
@@ -56,6 +56,14 @@ ERP 화면 기획서(스토리보드)를 PowerPoint나 Figma 없이 **SAM 관리
|
||||
| `dfbbd3a1` | 플로팅 서식 툴바 + 우클릭 컨텍스트 메뉴 추가 |
|
||||
| `280bfddb` | 블록 서식 CSS 상속 수정 (자식 요소 color inherit) |
|
||||
|
||||
### v1.2 — 작업 영역 극대화 (2026-03-08)
|
||||
|
||||
| 커밋 | 내용 |
|
||||
|------|------|
|
||||
| `5e0f1a63` | 좌측 사이드바 접기/펼치기 버튼 추가 |
|
||||
| `f1202731` | 메뉴트리/Description 패널 접기/펼치기 + 캔버스 폭 자동 확장 (1100→1400px) |
|
||||
| `a38c017c` | 이미지 블록 업로드를 더블클릭으로 변경 (드래그 중 파일 창 오픈 방지) |
|
||||
|
||||
---
|
||||
|
||||
## 3. 현재 기능 목록
|
||||
@@ -79,6 +87,7 @@ ERP 화면 기획서(스토리보드)를 PowerPoint나 Figma 없이 **SAM 관리
|
||||
- 복사/붙여넣기/잘라내기 (Ctrl+C/V/X)
|
||||
- 전체 선택 (Ctrl+A)
|
||||
- 더블클릭 인라인 편집 (contenteditable)
|
||||
- 이미지 블록 더블클릭 업로드 (드래그 충돌 방지)
|
||||
|
||||
### 3.3 서식 시스템
|
||||
|
||||
@@ -92,6 +101,13 @@ ERP 화면 기획서(스토리보드)를 PowerPoint나 Figma 없이 **SAM 관리
|
||||
- Description 패널 (기능 설명 + 번호 마커 D&D)
|
||||
- 프리셋/커스텀 템플릿
|
||||
|
||||
### 3.6 작업 영역 극대화
|
||||
|
||||
- 좌측 사이드바(메뉴트리) 접기/펼치기 토글
|
||||
- Description 패널 접기/펼치기 토글 바
|
||||
- 패널 접힘 시 캔버스 폭 자동 확장 (1100px → 1400px)
|
||||
- sb-editor 패딩 축소 (24px → 12px)
|
||||
|
||||
### 3.5 출력
|
||||
|
||||
- HTML 파일 내보내기 (좌표 기반 WYSIWYG)
|
||||
@@ -118,7 +134,7 @@ ERP 화면 기획서(스토리보드)를 PowerPoint나 Figma 없이 **SAM 관리
|
||||
|
||||
### 5.1 단일 파일 아키텍처
|
||||
|
||||
모든 CSS + HTML + JavaScript가 `index.blade.php` 하나에 포함 (~4,300줄). 서버 API가 없고 localStorage만 사용하므로, 컨트롤러는 뷰만 반환한다.
|
||||
모든 CSS + HTML + JavaScript가 `index.blade.php` 하나에 포함 (~4,430줄). 서버 API가 없고 localStorage만 사용하므로, 컨트롤러는 뷰만 반환한다.
|
||||
|
||||
### 5.2 CSS 스타일 상속 문제
|
||||
|
||||
|
||||
Reference in New Issue
Block a user