복잡한 웹 페이지도 개발자 없이 만드는 웹 빌더 “에디터” 개발기 (1)

에디터 개발 과정

이 글에서는 캐치테이블에서 개발한 웹 페이지 생성 툴인 에디터에 대한 개발 과정을 다룹니다. 에디터는 비개발 직군도 손쉽게 웹 페이지를 제작할 수 있는 툴로, 프로모션 페이지 제작의 효율성을 크게 향상시켰습니다. 초기에 프로모션 페이지는 프론트엔드 개발자가 수작업으로 제작하였으나, 수정 요청이 빈번하여 많은 리소스가 소모되었습니다. 이를 해결하기 위해 블록 기반의 웹 빌더를 도입하였고, 이는 페이지 전체를 자유롭게 수정할 수 있도록 하였습니다.

개선 사항 및 해법

• 수정 사항의 빈번한 발생 문제를 블록 조합으로 해결
• 정확한 공수 산정의 어려움을 매뉴얼 제공으로 극복
• 유사한 기능의 반복 구현 문제를 커스터마이즈 옵션으로 해결

이러한 방식으로 에디터는 프로모션 제작 기간을 몇 분에서 몇 시간으로 단축시켰고, 이후 약 60~70개의 프로모션을 개발자 없이 제작할 수 있게 되었습니다. 에디터를 통해 얻은 리소스를 다른 업무에 활용하여 캐치테이블의 발전에 기여할 수 있었습니다.