SellerBox

여러 쇼핑몰의 상품과 주문, 고객 응대를 한곳에서 처리하는 이커머스 운영 서비스입니다.

Tue Jul 01 2025

React
Vite
TypeScript
TanStack Query
React Native
Expo
Chrome Extension
Codemagic
Fastlane
SellerBox 앱의 여러 마켓 판매 현황 화면
SellerBox 앱의 실시간 주문 알림 화면
SellerBox 앱의 상품 발송 처리 화면
SellerBox 앱의 리뷰와 문의 AI 답변 화면
SellerBox 앱의 판매 통계 리포트 화면

1 / 5

프로젝트 요약

기간
2025.03–2026.06
소속과 역할
CirclePlatform · Frontend developer
담당 범위
V3 PC 웹을 주도적으로 구축하고 React Native 앱의 장기 운영, 두 차례 업그레이드, 네이티브 배포와 S3 OTA를 맡았습니다.

기술 기여

주도 구축
V3 PC 웹대시보드부터 멤버십까지
주요 앱 업그레이드
2회Expo 50→52→54 · RN 0.73.6→0.76.9→0.81.5
네이티브 배포 경로
4개iOS·Android × 개발·운영
가입자
1.4만+
연계 쇼핑몰
21개

관련 링크

V3 PC 웹 구축

PC 전용 레이아웃과 라우팅 구조를 새로 잡고 대시보드·주문·리뷰와 문의·통계·마켓 관리·멤버십 화면을 구축했습니다. 신규 주문, 배송 준비, 배송 중, 배송 완료, 취소, 교환, 반품의 7개 상태는 공통 테이블과 상태별 처리 로직으로 나눴습니다.

리뷰와 문의 목록에서 답변을 작성하고 템플릿과 AI 답변 생성을 이용할 수 있도록 구현했습니다. 카카오 로그인과 보호 라우트, 카드·카카오페이 결제, 멤버십 변경과 취소 콜백도 PC 화면에 맞춰 개발했습니다.

이후에는 상품 모니터링 화면을 개발하고 Chrome 확장 설치 여부와 로그인 상태, 추천 키워드를 웹에서 연결했습니다.

React Native 앱 개발과 유지보수

주문과 마켓 연동, 멤버십, 푸시와 딥링크 기능을 이어서 개발했습니다. 운영 중에는 주문 검색 크래시, 결제 콜백 중복, 동시 401 처리, 문의 중복 제출처럼 사용자 흐름을 끊는 문제를 수정하고 회귀 테스트를 보강했습니다.

여러 화면에 흩어진 Safe Area 처리를 공통화하고 레거시 bottom sheet를 @gorhom/bottom-sheet로 옮겼습니다. iOS·Android의 키보드, 제스처, 하단 시스템 영역 차이도 함께 정리했습니다.

앱 업그레이드와 배포

Expo 50·React Native 0.73.6에서 Expo 52·React Native 0.76.9를 거쳐 Expo 54·React Native 0.81.5까지 두 차례 업그레이드했습니다. Bridgeless 모드에서 CodePush 업데이트 후 앱이 멈추는 문제는 Android 프로세스를 재시작해 우선 우회했습니다. 이후 라이브러리의 Java 코드를 추적해 ReactHost가 있을 때 ReactHost.reload()로 새 번들을 불러오도록 패치하고 구 아키텍처의 기존 경로는 유지했습니다.

Codemagic에서 Fastlane을 호출해 iOS·Android의 개발·운영 4개 배포 경로를 자동화했습니다. S3 OTA는 플랫폼별 버전 계산과 양 플랫폼 동시 배포, 다운로드와 재시작을 연결했습니다. 업데이트 확인이나 다운로드가 실패해도 기존 번들로 앱을 열도록 처리했습니다.