문제
다양한 디바이스/브라우저에서 경험 파편화.
2024.09~2025.09 · 프론트엔드 리드
일임형 로보어드바이저 ‘zolbo’ — 웹·앱 통합과 사용자 신뢰
하이브리드 앱(PWA/Android/iOS) 단일 코드베이스, 인증·세션·인앱결제까지 런칭 리드.
Next.jsTypeScriptTailwindZustandReact QueryWebSocketCapacitorOAuthIAP
목표
일관된 인증/세션과 UI 흐름으로 불안 최소화, 전환/리텐션 개선.
해결
- Next.js(App Router) 기반 SSR/CSR 통합 구조
- Zustand 기반 로그인·토큰 persist, React Query 캐싱/병렬 요청
- WebSocket 실시간 자산/주문 스트림 통합
- Google OAuth + 휴대폰 인증 BottomSheet 3단계 프로세스
- 포인트(ZLB) 결제·보상 설계 및 인앱결제(Google Play) 연동
- AWS Amplify + GitLab CI/CD로 자동 빌드·배포
성과
- 가입 전환율 35%↑, 플로우 이탈 60%↓
- MAU 40%↑, 배포 시간 80%↓
- 새로고침 빈도 70%↓, 기능 도입 속도 2배
- 웹·앱 통합 배포 및 스토어 런칭
인사이트
기술은 문제를 해결, 고객은 불안을 해결받고 싶어 한다.
상세
프로젝트 개요
Binance에서 시작해 Upbit 전용으로 피벗한 가상자산 투자 AI 에이전트. Next.js+Capacitor로 웹·앱 단일 코드베이스를 구축하고 인증/세션/인앱결제/실시간 스트림을 통합했습니다.
핵심 가치: '불안을 줄이고 안심하게 하는 투자 경험'
- Binance→Upbit 전환, '일임'에서 'AI 조력자'로 재정의
- Next.js(App Router)+Capacitor: PWA/Android/iOS 동시 타깃
- WebSocket 실시간 가격·계좌 상태, 말풍선형 피드백 UI
- Three.js 3D 캐릭터(쫄보) 인터랙션
- Android 인앱결제(IAP) 프로토타입, iOS 인증 실패에서 교훈
타임라인(2024.09~2025.10)
- 2024.09 Stewie 시작(Binance 일임형)
- 2024.11 Next.js PWA 프로토타입
- 2024.12~2025.03 Upbit 연동·병행 운영 시도
- 2025.04 Upbit 전용 재작성 + Capacitor 도입
- 2025.05 Android 첫 APK 빌드
- 2025.07 지인 테스트: '완성도 부족' 피드백
- 2025.09 동아재테크쇼 참가, 고객 데이터 확보
- 2025.10 포스트모템 및 자산 정리
문제와 전환
Binance 온보딩(KYC·API·Futures)이 진입장벽이었고, iOS 인증/스토어 정책 난이도를 과소평가했습니다. 방향을 '일임'에서 '모든 투자 단계를 돕는 AI 조력자'로 전환했습니다.
고객의 4 Fears
- 손실의 공포: 하락 시 어디까지 버틸지 모름
- 무지의 공포: 무엇을 왜 언제 할지 모름
- 관리 부담의 공포: 매일 확인·조작 피로
- 지속관리 피로의 공포: 장기 유지가 어려움
주요 기능·기술
- App Router 기반 SSR/Export 혼합, 절대경로·도메인 분리
- Zustand + TanStack Query 상태/캐시
- WebSocket 실시간 자산/알림 파이프라인
- Capacitor 멀티플랫폼(PWA/Android/iOS)
- Android IAP(영수증 검증→ZLB 포인트) 프로토타입
- Three.js 3D 캐릭터 + 말풍선 UX
- 리포트/연구소/가이드로 전문성 보완
왜 이 스택인가
- Next.js(App Router) — SSR/CSR 혼합 — 전환/초기로딩 균형 — 불안 최소화
- Zustand/Query — 세션·토큰 persist + 캐시 — 새로고침 빈도 70%↓
- WebSocket — 실시간 자산/알림 — 단일 파이프라인 — 반응성↑
- Capacitor — 웹·앱 단일 코드 — 배포 시간 80%↓
- OAuth/IAP — 안전한 인증/결제 — 전환율 35%↑, 이탈 60%↓
시장 피드백
박람회 데이터: '관심은 있지만 망설임'이 다수, 불안 요인은 가격 변동성과 전문성 부족. 쫄보는 무리하지 않는 신중한 투자를 돕는 AI 에이전트로 포지셔닝.
실패 원인과 남은 자산
- 원인: iOS 인증/정책 난이도 과소평가, 거래소 병행으로 집중력 분산, '일임' 집착, 고객 데이터 없이 BM 설계, 마케팅 역량 부족
- 자산: '4 Fears' UX 프레임, Capacitor 빌드 역량, WS 구조 경험, 캐릭터·스토리텔링 UI, 현장 데이터
고객들은 알고 싶어하는 게 아니라, 안심하고 싶어한다.
다시 시작한다면
- 문제정의 우선: 인터뷰로 불안의 언어화
- 핵심 경험 최소화: ON/OFF + 말풍선 2.0
- 지표 기반 판단: 7일 잔존, ON 유지일, 말풍선 클릭률
- 안정 중심 리플랫포밍: iOS 인증/IAP 서버 재처리, WS 미들웨어, 빌드 자동화