미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들
프론트엔드
미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들
두줄요약
미리캔버스 웹 에디터 팀이 편집 기능의 핵심 로직과 상태 구조를 설계하는 역할을 소개했습니다.\nMFA와 책임 분리 구조를 바탕으로 실시간 반응성·확장성을 확보하는 방식을 공유했습니다.
구조와 흐름
- 문서 로딩, 요소 추가·삭제·복사·붙여넣기, 실행 취소·다시 실행, 썸네일 반영을 담당하는 웹 에디터 핵심 로직
- 디자인 요소·상태를 다루는 계층과 사용자 상호작용 계층의 역할 분리
- 편집 영역·템플릿·요소 패널을 독립 서비스로 구성한 MFA 기반 구조
선택 이유
- 화면 구현을 넘어 사용자 명령의 정확한 실행과 편집 경험 전반을 책임지는 역할
- 기능 구현 과정에서 데이터 흐름, 상태 관리, 편집 기록, 요소 처리 구조까지 설계하는 성장 경험
성능/운영 포인트
- 드래그·크기 조절 등 실시간 조작의 즉각적 반응과 부드러운 편집 경험
- 수백 개 요소 동시 처리와 성능 최적화, 동시 편집 문제 대응
- 확장성을 고려한 수정 범위 검토와 동료 간 구조 논의·검증
적용해볼 점
- 기능 추가 전 전체 구조와 다른 상태·동작에 미칠 영향 확인
- 모듈별 책임 분리로 수정 용이성과 기능 확장성 확보
