핵심 요약
캐치테이블의 프런트엔드 개발자가 에디터를 도입해 전체 페이지를 블록 기반으로 구성하고 프로모션 제작의 리소스 소모를 대폭 줄인 경험을 공유합니다.
주요 경험
- 다양한 수정 요구에 대응하기 위해 전체 페이지를 자유롭게 수정할 수 있는 블록 기반 웹 빌더로 방향성을 설정하고, 프런트엔드는 블록 조합 정보를 받아 페이지로 렌더링하는 구조를 구성했습니다.
- PoC 단계에서 블록의 유형/스타일/부모-자식 관계를 정의하고 메타 정보로 페이지를 구성하는 방법을 검증해, 페이지 생성이 가능함을 확인했습니다.
- 에디터 도입으로 개발자 의존도가 감소하고 프로모션 제작 기간이 대폭 단축되며, 약 60~70건의 프로모션을 개발자 없이 지속적으로 제작하는 성과를 얻었습니다.
얻은 인사이트
- 블록 조합 정보(메타 정보) 설계가 페이지의 확장성과 재사용성의 핵심임을 확인했습니다.
- 반복적인 기능은 매뉴얼화와 커스텀 옵션의 범위 정의를 통해 개발 낭비를 줄이는 것이 중요하다는 교훈을 얻었습니다.
- 작은 PoC를 통해 타당성과 기대 효과를 빠르게 점검하는 프로세스의 유용성을 체감했습니다.
