Fork Coding
Projects/Mobile Commerce App
진행중2026년 1월

Mobile Commerce App

iOS와 Android를 동시에 지원하는 모바일 커머스 애플리케이션입니다. 네이티브에 가까운 성능과 매끄러운 결제 경험, 개인화된 상품 추천을 제공합니다.

Live DemoSource Code
Mobile Commerce App
Tech StackReact NativeNode.jsStripeFirebaseTypeScript

프로젝트 개요

중소 브랜드를 위한 화이트라벨 모바일 커머스 솔루션입니다. 하나의 코드베이스로 iOS와 Android 앱을 동시에 개발하여 출시 기간을 단축하고, 네이티브 수준의 사용자 경험을 제공합니다.

주요 기능

네이티브 성능 최적화

React Native의 New Architecture(Fabric + TurboModules)를 도입하여 네이티브에 가까운 성능을 구현했습니다. 특히 상품 리스트의 무한 스크롤과 이미지 로딩에서 프레임 드롭 없는 부드러운 스크롤링을 달성했습니다.

const ProductList = () => (
  <FlashList
    data={products}
    renderItem={({ item }) => <ProductCard product={item} />}
    estimatedItemSize={280}
    drawDistance={500}
  />
);

원터치 결제

Stripe SDK를 네이티브로 통합하여 Apple Pay, Google Pay, 신용카드 결제를 지원합니다. 저장된 결제 수단으로 원터치 결제가 가능하며, PCI DSS Level 1 규정을 준수합니다.

AI 상품 추천

사용자의 브라우징 히스토리와 구매 패턴을 분석하여 개인화된 상품을 추천합니다. 협업 필터링과 콘텐츠 기반 필터링을 하이브리드로 적용하여 추천 정확도를 극대화했습니다.

오프라인 지원

핵심 기능은 오프라인에서도 동작합니다. 장바구니 관리, 위시리스트 저장, 상품 브라우징이 네트워크 없이도 가능하며, 온라인 복귀 시 자동 동기화됩니다.

기술 스택

성과