핵심 요약
당근에서 바닥부터 시작하는 웹앱 에디터 개발기를 통해 ProseMirror 기반의 헤드리스 에디터로 블록 단위 구조를 구현하고, 서버 저장은 필수 데이터만 추출해 재구성하는 아키텍처로 확장성을 확보했습니다.
주요 경험
- 웹앱용 에디터를 ProseMirror로 구현해 블록 간 자유 배치를 가능하게 했다.
- 모바일 Backspace 이슈를 분석하고 커서 위치에 따른 삭제를 방지하는 로직을 추가했다.
- 드래그 앤 드롭의 스크롤 이슈를 해결하기 위해 절대 스크롤 방식으로 보정했다.
- 서버 저장은 핵심 데이터만 전송하고 재구성으로 확장성을 높였다.
얻은 인사이트
- 모바일 UX 우선 구현이 안정성과 확장성에 중요한 교훈을 남겼다.
