핵심 요약
KREAM이 SDUI 도입으로 서버가 UI를 제어하고 4-Layer Architecture로 화면 구성과 비즈니스 로직을 분리해 개발 속도와 UI 일관성을 크게 향상시켰습니다.
구현 방법
- 4-Layer Architecture 도입 및 Builder 레이어 추가
- Flask 기반 백엔드와 Dependency Injector를 통한 명시적 의존성 주입(DI) 구현
- SDUI 아이템(SDItem) 스키마 정의 및 서버-클라이언트 합의에 따른 렌더링 구조 설계
- Builder 레이어가 서버 데이터를 바탕으로 SDUI 구조를 생성하도록 구성
- SDUI Generator 도입으로 실시간 렌더링 및 구성 검증 가능
- 대규모 SDUI 모듈은 3,000줄이 넘는 코드로 구성되기도 함
주요 결과
- 서버 스키마 수정만으로 UI가 즉시 반영되며 업데이트 속도 향상
- A/B 테스트 및 실험이 용이해져 실험 주기가 단축
- 디자인/기술 간 협업에서 역할 분리 강화 및 개발 효율성 증가
- 플랫폼 간 UI 일관성 유지 및 불일치 감소
- SDUI Generator 도입으로 서버–클라이언트 인터페이스 테스트 및 렌더링 검증이 가속화
