프로젝트 목록
부동산 플랫폼 에디터 & 뷰어
앱/웹 메인 페이지에 노출되는 콘텐츠 관리 시스템
부동산 플랫폼 앱/웹 메인의 ‘부동산 동향’ 콘텐츠는 네이버 블로그로 관리하고 있었습니다. 이를 내부 인원이 직접 작성하고 발행하는 자체 에디터와 뷰어로 옮겼습니다. 에디터 및 게시글 목록 페이지는 사내 유저 대상으로 비공개입니다.
- 담당 역할
- 에디터 조사 및 제안, 프론트엔드 개발
의사결정 과정
1
에디터 도입 요청
네이버 블로그로 관리하던 부동산 동향 콘텐츠를 내부 인원이 직접 작성할 수 있는 자체 에디터로 옮겨 달라는 요청을 받았습니다.
2
에디터 사전 조사
다양한 에디터 라이브러리와 콘텐츠 저장 방식을 비교 분석했습니다. 저장 형식, 렌더링 방식, 확장성 등을 기준으로 조사를 진행했습니다.
3
두 가지 방안 제안
기존 내부 일부 구조가 이미 Markdown 형식으로 구현되어 있었고, 고객사가 AI 전환에 적극적인 점을 고려하여 두 가지 방안을 제안했습니다.
A. Markdown 기반 방식
AI 활용에 유리한 Markdown 저장 방식. 콘텐츠를 md 형태로 저장하여 AI가 직접 콘텐츠를 생성하거나 편집할 수 있는 확장 가능성을 제시했습니다.
관련 블로그 포스트B. 일반적인 방식 (HTML/JSON)
에디터 라이브러리의 기본 저장 형식을 그대로 활용하는 방식. 안정성과 즉각적인 도입이 가능한 현실적인 선택지였습니다.
4
일반적인 방식으로 결정
팀 내 논의를 거쳐 안정성과 빠른 도입을 우선시하여 일반적인 방식을 채택했습니다. 단순히 구현만 한 것이 아니라, 기술적 대안을 조사하고 제안한 뒤 합리적으로 결정하는 과정을 거쳤습니다.
주요 기능
에디터 (내부 관리용)
- Tiptap 기반 리치 텍스트 에디터로 콘텐츠 작성 및 편집
- 이미지 업로드 및 미리보기 지원
- 콘텐츠 발행 및 관리 워크플로우
뷰어 (앱/웹 메인 노출)
- 앱과 웹 메인 페이지에 콘텐츠 노출
- 반응형 레이아웃으로 다양한 디바이스 대응
기술 스택
Next.js, Tiptap, React Native, WebView, TypeScript, Tailwind CSS