목록 보기
미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들
프론트엔드

미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들

미리디
미리디
2026년 10월 26일

두줄요약

미리캔버스 웹 에디터 팀이 편집 기능의 핵심 로직과 상태 구조를 설계하는 역할을 소개했습니다.\nMFA와 책임 분리 구조를 바탕으로 실시간 반응성·확장성을 확보하는 방식을 공유했습니다.

구조와 흐름

  • 문서 로딩, 요소 추가·삭제·복사·붙여넣기, 실행 취소·다시 실행, 썸네일 반영을 담당하는 웹 에디터 핵심 로직
  • 디자인 요소·상태를 다루는 계층과 사용자 상호작용 계층의 역할 분리
  • 편집 영역·템플릿·요소 패널을 독립 서비스로 구성한 MFA 기반 구조

선택 이유

  • 화면 구현을 넘어 사용자 명령의 정확한 실행과 편집 경험 전반을 책임지는 역할
  • 기능 구현 과정에서 데이터 흐름, 상태 관리, 편집 기록, 요소 처리 구조까지 설계하는 성장 경험

성능/운영 포인트

  • 드래그·크기 조절 등 실시간 조작의 즉각적 반응과 부드러운 편집 경험
  • 수백 개 요소 동시 처리와 성능 최적화, 동시 편집 문제 대응
  • 확장성을 고려한 수정 범위 검토와 동료 간 구조 논의·검증

적용해볼 점

  • 기능 추가 전 전체 구조와 다른 상태·동작에 미칠 영향 확인
  • 모듈별 책임 분리로 수정 용이성과 기능 확장성 확보

다음 읽기

같은 회사의 연관 글

‘왜 이렇게 만들었을까’라는 질문으로 성장하는 웹 에디터 팀

웹 에디터 팀은 문제 정의와 설계 후 구현하는 방식으로 복잡한 편집 기능을 개발했습니다. 질문 중심 코드 리뷰와 기술 공유로 구조 설계 역량을 함께 키웠습니다.

미리디
미리디
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...