현재 상태
마지막 업데이트: 2026-02-05 심야
담당: POP 화면 디자이너
진행 상태
| 단계 |
상태 |
설명 |
| v5 타입 정의 |
완료 |
pop-layout.ts |
| v5 렌더러 |
완료 |
PopRenderer.tsx |
| v5 캔버스 |
완료 |
PopCanvas.tsx |
| v5 편집 패널 |
완료 |
ComponentEditorPanel.tsx |
| v5 유틸리티 |
완료 |
gridUtils.ts |
| 레거시 삭제 |
완료 |
v1~v4 코드, 데이터 |
| 문서 정리 |
완료 |
popdocs v5 기준 재정비 |
| 컴포넌트 팔레트 |
완료 |
ComponentPalette.tsx |
| 드래그앤드롭 |
완료 |
스케일 보정, DND 상수 통합 |
| 그리드 가이드 재설계 |
완료 |
CSS Grid 기반 통합 |
| 모드별 오버라이드 |
완료 |
위치/크기 모드별 저장 |
| 화면 밖 컴포넌트 |
완료 |
오른쪽 패널 배치, 드래그로 복원 |
| 숨김 기능 |
완료 |
모드별 숨김/숨김해제 |
| 리사이즈 겹침 검사 |
완료 |
실시간 겹침 방지 |
다음 작업 (우선순위)
-
실제 컴포넌트 구현 (Phase 4)
- pop-label, pop-button 등 실제 렌더링
- 데이터 바인딩 연결
-
워크플로우 연동
최근 주요 변경 (2026-02-05 심야)
반응형 레이아웃 시스템
| 기능 |
설명 |
| 모드별 재배치 |
4/6/8/12칸 모드별로 컴포넌트 위치/크기 개별 저장 |
| 자동 레이아웃 고정 |
드래그/리사이즈 시 자동으로 오버라이드 저장 |
| 원본으로 되돌리기 |
오버라이드 삭제하여 자동 재배치로 복원 |
화면 밖 컴포넌트 처리
| 기능 |
설명 |
| 오른쪽 패널 표시 |
현재 모드에서 초과하는 컴포넌트 별도 표시 |
| 드래그로 복원 |
패널에서 그리드로 드래그하여 재배치 |
| 위치 자동 조정 |
그리드 범위 초과 시 자동으로 왼쪽으로 밀어서 배치 |
숨김 기능
| 기능 |
설명 |
| 모드별 숨김 |
특정 모드에서만 컴포넌트 숨김 가능 |
| 숨김 방법 |
드래그→숨김패널 / H키 / 화면밖 컴포넌트 클릭 |
| 숨김 해제 |
숨김패널에서 그리드로 드래그 |
| 12칸 모드 제한 |
기본 모드(12칸)에서는 숨김 기능 비활성화 |
알려진 문제
| 문제 |
상태 |
비고 |
| 타입 이름 불일치 |
해결됨 |
V5 접미사 제거 |
| SVG 격자 좌표 불일치 |
해결됨 |
GridGuide 삭제, CSS Grid 통합 |
| 드래그 좌표 계산 오류 |
해결됨 |
스케일 보정 적용 |
| DND 타입 상수 불일치 |
해결됨 |
constants/dnd.ts로 통합 |
| 숨김 컴포넌트 드래그 안됨 |
해결됨 |
상태 업데이트 순서 수정 |
| 그리드 범위 초과 에러 |
해결됨 |
드롭 위치 자동 조정 |
최근 세션
관련 결정
| ADR |
제목 |
날짜 |
| 005 |
반응형 레이아웃 및 숨김 기능 |
2026-02-05 |
| 004 |
그리드 가이드 CSS Grid 통합 |
2026-02-05 |
| 003 |
v5 CSS Grid 채택 |
2026-02-05 |
| 001 |
v4 제약조건 기반 |
2026-02-03 |
전체 히스토리: CHANGELOG.md