바닥부터 시작하는 웹앱 에디터 개발기

이 게시물은 당근모임 서비스의 웹앱 환경에 맞춘 에디터 개발 경험을 공유합니다.

에디터 필요성과 구조

• 사용자가 사진과 영상을 자유롭게 배치하는 리치텍스트 지원 필요
• 블록 단위 콘텐츠 관리와 서버와의 데이터 교환 방식 설계

기술 선택과 구현 문제

• ProseMirror와 Tiptap 중 ProseMirror 직접 사용 결정
• 키보드 이벤트, 모바일 환경 제약으로 인한 UX 문제 해결
• 드래그 앤 드롭 시 스크롤 문제 및 ProseMirror 내부 스크롤 관리 대응

개발 과정과 느낀 점

• 예상치 못한 문제들과 확장성 확보를 위한 고민
• 사용자 맞춤형 기능 구현에 대한 보람과 뿌듯함