Content Bottleneck 해소를 위한 Frontend UI 제어권 계층화 전략

Context

콘텐츠 수정 시마다 CI/CD 파이프라인을 거쳐야 하는 Hardcoded UI 구조로 인한 배포 병목 발생. 비즈니스 요구사항 변경이 엔지니어링 태스크로 전이되며 릴리스 주기와 운영 효율성이 저하되는 한계 직면.

Technical Solution

• Backend 중심의 Content 관리 체계 구축을 통한 UI와 Content의 책임 분리
• Static Layout 패턴 도입으로 Layout 및 Component 구조는 Frontend가 유지하되 텍스트와 이미지는 Backend API로 제어하는 하이브리드 구조 설계
• Server-Driven UI(SDUI) 도입을 통한 Component Registry 기반의 동적 렌더링 엔진 구현으로 Backend에서 UI 구조와 순서까지 제어
• 서비스 성격에 따른 최적 패턴 매핑으로 비즈니스 로직 중심 페이지는 Hardcoded, 캠페인 페이지는 Static Layout, 개인화 피드는 SDUI로 분리 적용
• SDUI 도입 시 발생 가능한 앱 크래시 방지를 위해 Fallback UI 및 Schema Contract 정의를 통한 안정성 확보