핵심 요약
올리브영이 블록 기반 CMS를 자체 구축해 콘텐츠 제작 시간을 7일에서 20분으로 대폭 단축하고, Vue에서 Lit으로 전환해 모듈화와 재사용성을 크게 높였으며, 에디토리얼 발행량은 약 2배 증가하고 현재 발행의 약 40%가 CMS를 통해 생성됩니다.
구현 방법
- 초기 구현: Vue 기반 CMS에서 CKEditor5를 에디터로 사용하고 모듈 단위 Vue 컴포넌트를 작성, 상태 관리를 통해 렌더링을 최적화
- 전환 구현: 이미지/텍스트/상품 모듈을 Lit 컴포넌트로 제작하고 이벤트 기반 통신으로 모듈 간 협업 관리
- 배포/아키텍처: CMS 모듈을 npm 패키지로 배포하고 프레임워크 독립적 구조로 확장성 확보
주요 결과
- 콘텐츠 제작 시간: 40시간 → 약 20분, 7일 → 20분으로 대폭 단축
- 외주 커뮤니케이션 비용 감소
- 에디토리얼 콘텐츠 발행량 약 2배 증가
- CMS 비중 증가로 발행 주기 단축 및 재사용성/확장성 강화
