피드로 돌아가기
We shipped 3 features in one flow today: Shop + Crowdfunding + Live. Here's the integration design.
Dev.toDev.to
Backend

Unified State 설계를 통한 Commerce-Live 통합 flow 구현

We shipped 3 features in one flow today: Shop + Crowdfunding + Live. Here's the integration design.

Ko Takahashi2026년 5월 4일4intermediate

Context

Shop, Crowdfunding, Live Streaming 기능이 개별 앱과 독립된 결제/평판 시스템으로 분산되어 사용자 경험 단절 및 전환 비용 발생. 세 가지 상이한 도메인을 하나의 통합된 사용자 여정으로 결합하여 이탈률을 최소화하는 아키텍처 요구 사항 대두.

Technical Solution

  • Liveable이라는 Union Type 도입을 통해 스트림 내 노출 대상을 데이터 모델 수준에서 추상화하여 확장성 확보
  • Concurrent Viewers 대신 totalGmv를 Primary Metric으로 설정하여 하이프 중심이 아닌 신뢰 및 거래 중심의 최적화 달성
  • Unified Wallet Context 공유를 통해 Shop, Crowdfunding, Event 간 인증 및 결제 상태를 동기화하여 Payment Friction 제거
  • 'Long-press → Confirm → 1-tap Purchase'로 이어지는 3-tap Checkout 프로세스를 설계하여 스트림 이탈 없는 결제 흐름 구현
  • Web-first Source of Truth 전략을 채택하여 API Contract를 일원화하고 Native 앱의 비즈니스 로직 포크(Fork) 방지

1. 다중 도메인 통합 시 개별 기능 중심 모델링보다 상위 추상화 계층(Union Type 등) 도입 검토

2. 사용자 전환 비용 최소화를 위해 개별 서비스의 상태를 하나로 묶는 Unified State/Context 설계 적용

3. 플랫폼 최적화 지표 설정 시 단순 트래픽(Viewers)보다 비즈니스 가치(GMV) 중심의 Metric 선정

4. Cross-platform 개발 시 Web을 Source of Truth로 설정하여 API 일관성 및 유지보수 비용 절감

원문 읽기