카카오스타일 기술 블로그 · 2026. 08. 31.
서버 개발자가 헥사코드를 몰라도 되게 만들기
AI 엔지니어링 브리핑
SDUI의 화면 구성 결정을 코드에서 운영 가능한 데이터로 옮겨, 문구·색상·노출 조건을 배포 없이 바꾸는 UX Builder를 만든 이야기입니다.
문제 & 배경
- 문제 & 배경: SDUI로 화면을 서버에서 관리했지만 문구, 색상, 이벤트 조건, 타게팅과 배치가 여전히 코드에 하드코딩되어 작은 변경에도 개발자의 수정·리뷰·배포가 필요했습니다.
기술 & 해결책
- 기술 & 해결책: UX Builder에서 화면 버전, 배치(Layout), 콘텐츠(Module·Block), 색상 토큰, 데이터 연결(DataSource), 노출 조건(Exposure)을 데이터로 관리해 운영자가 어드민에서 설정하고 앱은 서버가 정한 결과를 그대로 표시하게 했습니다.
교훈 & 주의점
- 교훈 & 주의점: 설정을 데이터로 바꾸면 변경이 저장만으로 끝나고 색상 불일치와 이벤트용 코드가 줄지만, 모듈 장애 격리·재시도와 함께 운영자가 쉽게 쓰는 검증·미리보기·롤백 기능도 갖춰야 합니다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.