Cafe24·고도몰·메이크샵의 상품 정보를 활용하는 AI 추천 서비스에서 고객사별 배너 템플릿과 빌드 구조를 개선했습니다.
상품 · 배너 설정→DB · Jinja2→고객사별 추천 배너→어드민 직접 편집
해결 과제
고객사별 배너 디자인이 코드에 고정되어 있어 수정마다 개발 작업이 필요하고, 여러 저장소에 공통 패키지가 중복되어 있었습니다.
담당 업무 · 구현
- 하드코딩된 배너를 Jinja2 템플릿과 DB 기반 설정으로 전환하고 어드민 편집 기능과 연결했습니다.
- 3개 저장소를 yarn workspace 기반 모노레포로 구성해 공통 패키지 관리를 통합했습니다.
- Gulp·Webpack으로 TypeScript·SCSS 컴파일을 자동화했습니다.
결과
- 250개 이상 고객사의 배너 디자인 정보를 템플릿·DB 기반으로 관리할 수 있게 했습니다.
- 고객사가 디자인을 직접 수정하도록 개선해 고객사별 최대 3일의 개발 작업을 줄였습니다.
TypeScriptyarn workspaceGulpSCSSPython3