에디터 고도화 기획 (PRD)¶
요지¶
수업노트·질문/답변·후기는 모두 같은 공용 에디터(Tiptap)로 쓴다. 그런데 텍스트 위주라 표현력이 부족했다 — 풀이 사진을 붙이거나 자료를 첨부하기 어려웠다는 뜻이다. 이번 고도화는 헤딩·이미지·파일·링크 첨부를 더해 작성 경험을 넓히고, 그 첨부 처리를 한 군데로 모아 여러 기능이 함께 쓰게 한다. MS3 기능이다.
목표 & 성공 기준 (지표)¶
첨부가 들어간 문서가 얼마나 늘었는지, 업로드 실패율은 얼마나 낮은지, 작성 시간이 줄었는지를 본다.
대상 페르소나¶
- 작성자: 이미지를 드래그&드롭으로 본문 삽입, 파일을 다운로드 링크로 첨부, 외부 링크를 og 카드로 임베드.
- 조회 권한자: 이미지/파일 다운로드. 비로그인은 다운로드 불가 → 로그인 유도 후 복귀.
범위 (포함 / 제외)¶
- In: 이미지/파일/링크 첨부, 기본 서식, 공용 미디어 연결 구조.
- Out (BM 확장): 용량 상향, 협업/실시간 편집, 버전 히스토리.
요구사항 (유저 스토리 · 기능)¶
- 이미지(jpg/png/gif/webp, 1개 5MB), 파일(pdf/docx/pptx/hwp/hwpx/xlsx/zip, 1개 30MB), 링크(og 카드, Ctrl+K).
- 기본 서식: 말머리·글번호·들여쓰기·제목 타입·bold·기울임.
- 공용 미디어 연결(
MediaAsset+targetType)로 수업노트(teaching-note)·qna·과제관리 재사용. - 용량·확장자·권한·미디어 연결 정책 상세는 frd.
근거 (피드백·아이디어·리서치 source)¶
MS3 에디터 고도화 기획서에서 기능 정의(이미지/파일/링크/기본 서식)와 용량·확장자 한도·테스트 시나리오를, 백엔드 연결 가이드에서 공용 미디어 연결 방식을 가져왔다. 출처는 frontmatter source에 있다.
오픈 이슈¶
- 용량/확장자 한도 BM 연동 시점.
- 미디어 만료(presignedUrl) UX, 대용량 업로드 진행률 표시는 design 보강.