jay.log

단골머니 2.0

1인치 • 2025.06 - 2025.08

단골머니 2.0은 기존 서비스의 피보팅으로 "바코드머니"라는 프랜차이즈 할인 결제 서비스를 추가하고, 기존 서비스의 UI·UX를 개선한 리뉴얼 프로젝트였습니다. 현금으로 충전하는 가상재화를 다루기 때문에 페이지 간 잔액 불일치가 생기지 않도록 쿼리 키를 도메인별 객체 키로 정규화하고 갱신 로직을 커스텀 훅으로 표준화했습니다. 결제·차감 버튼 연타로 발생하던 중복 요청은 커스텀 훅으로 차단했습니다.

주요 지표

3개월
개발 기간

도전 과제

  • 페이지 간 잔액 불일치
  • Android WebView에서 PG 결제 페이지가 뜨지 않는 문제
  • 결제·차감 플로우의 중복 요청
  • Android 15 Edge-to-Edge로 핵심 CTA가 시스템 UI와 겹침

해결 방안

  • 쿼리 키를 도메인별 객체 키로 정규화, 갱신 로직을 커스텀 훅으로 표준화
  • 응답 URL 의존을 응답 본문 직접 로드 방식으로 전환
  • 중복 요청 차단 커스텀 훅
  • Safe Area Insets 대응 컴포넌트
  • Tab·Button·Label 등 디자인 시스템 컴포넌트를 헤드리스·토큰 기반으로 경량화

결과

  • 단골머니 2.0 서비스 오픈
  • 페이지 간 잔액 불일치 해소
  • Android 15 호환성 확보

기술 스택

React NativeTanStack QueryZustandTypeScript

© jay.log powered by Next.js, Vercel