콘텐츠를 조립하는 결제탭 피드 서버의 코드 아키텍처

간단 소개

카카오페이 결제탭 피드 서버는 SDU, Provider-Consumer 패턴, 3중화 캐싱을 통해 유연하고 안정적인 서비스 제공합니다.

AI Summary

결제탭의 Server Driven UI (SDU) 구조
- 결제탭은 BFF로, 클라이언트의 UI 렌더링에 필요한 데이터를 MSA 환경에서 효율적으로 제공합니다.
- SDU를 통해 네이티브 UI의 즉각적인 변경을 지원하며, 어드민 설정을 기반으로 동적인 피드 데이터 조합이 가능합니다.
- 각 UI 요소는 Row로 관리되며, RenderType(SDU, NATIVE, AD)에 따라 렌더링 방식이 결정됩니다.
코드 아키텍처 및 N:M 관계 해결
- 복잡한 요구사항 대응을 위해 Provider, Consumer, Aggregator 패턴을 도입하여 연동 데이터와 UI 생성 로직을 분리했습니다.
- Provider는 외부 연동 데이터를 가져오고, Consumer는 UI 응답을 생성하며, Aggregator는 이 둘을 중계하여 비동기 처리를 지원합니다.
- Selector 개념을 도입하여 하나의 연동에서 가져온 데이터를 여러 Row에서 재활용하는 1:N 관계를 효율적으로 관리합니다.
안정성 확보 기법
- kotlin.Result를 활용하여 에러 발생 가능 구간을 명시적으로 처리하고, 예외 발생 시 디폴트 콘텐츠를 제공하거나 UI를 제거합니다.
- DB, 캐시(Redis), 리소스 파일 3중화를 통해 데이터 안정성을 확보하고, 서버 장애 시에도 최소한의 피드 서빙을 가능하게 합니다.
- 클라이언트 캐싱을 통해 서버 응답 지연 시에도 사용자에게 기존 피드 데이터를 제공하여 사용자 경험을 유지합니다.