목록 보기
서버가 UI를 제어하는 SDUI, KREAM 백엔드의 관리 전략
아키텍처

서버가 UI를 제어하는 SDUI, KREAM 백엔드의 관리 전략

크림
크림
2025년 10월 28일

두줄요약

서버가 UI를 주도하는 SDUI로 KREAM의 배포 병목을 줄이고 실험 속도를 높인 사례를 소개했습니다. 또한 Builder 레이어를 더한 4-Layer Architecture와 내부 Generator로 유지보수성과 검증 효율을 개선했습니다.

문제 상황

  • Web, Android, iOS별로 UI 코드를 각각 수정해야 하는 배너·프로모션 변경 병목
  • 빠른 실험과 반복 배포가 필요한 커머스 환경에서 플랫폼별 개발·심사 비용 증가
  • SDUI 도입 후에도 데이터 접근, 비즈니스 로직, UI 구성 코드가 한곳에 뒤섞이는 유지보수 문제

해결 방법

  • 서버가 화면 구성을 주도하는 SDUI 구조 도입
  • 기존 3-Layer 구조에 Builder 레이어를 추가한 4-Layer Architecture로 관심사 분리
  • Dependency Injector를 활용해 Repo, Service, Builder, Controller 간 의존성 주입 체계 구성

성능/운영 포인트

  • 스키마만 수정해 UI를 빠르게 반영하고 A/B 테스트와 실험을 유연하게 수행
  • 동일 스키마 기반 렌더링으로 플랫폼 간 UI 불일치 감소
  • SDUI Generator로 서버 응답을 즉시 렌더링 검증하고 개발·운영 효율 개선

다음 읽기

#SDUI 주제를 다룬 다른 회사 글

서버 개발자가 헥사코드를 몰라도 되게 만들기

SDUI를 도입했지만 화면 결정이 코드에 남아 있어 배포 병목이 계속 생겼습니다. 이를 해결하기 위해 화면 구성을 데이터화한 UX Builder와 토큰 기반 운영 구조를 설계했습니다.

카카오스타일
카카오스타일
아키텍처

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...