데브허브 | DEVHUB | Build a Food Delivery App with React Native (Expo Router, Maps, Reanimated, Zustand) | Wolt CloneBuild a Food Delivery App with React Native (Expo Router, Maps, Reanimated, Zustand) | Wolt Clone
- React Native Expo를 활용하여 Wolt와 유사한 애니메이션 기반 음식 배달 앱을 단계별로 구축합니다. 🍔
- Expo Router, Reanimated, Zustand, React Native Maps, MMKV v4, Tanstack Query 등 최신 기술 스택을 활용합니다. 🚀
- 적절한 Git 워크플로우(PR, 브랜치)를 사용하며, Code Rabbit AI로 코드 품질 및 성능을 개선하고 Sentry로 오류 모니터링 및 AI 기반 버그 수정을 진행합니다. 🤖
- 애니메이션 화면, 지도 마커, 스티키 헤더, 장바구니 로직, 커스텀 화면 전환 등 다양한 UI/UX 기능을 구현합니다. ✨
- 초기 설정에는
bun을 사용한 Expo 앱 생성, GitHub 연동, expo-dev-client, expo-google-fonts, expo-haptics, expo-ui (알파), zustand, react-native-mmkv, tanstack/react-query 등의 핵심 패키지 설치가 포함됩니다. 📦
- 화면, 내비게이션, 애니메이션, 상태 관리에 집중할 수 있도록
assets, data, services, hooks, constants 폴더에 보일러플레이트 코드(더미 데이터, 서비스, 훅 패턴)를 제공합니다. 🏗️
services 폴더는 실제 API 호출로 쉽게 교체 가능한 프라미스 기반의 더미 데이터를 사용하여 백엔드 연동을 위한 유연한 패턴을 제시합니다. 🔄
hooks 폴더는 Tanstack Query를 활용하여 services의 데이터를 가져오고 캐싱하여 재사용 가능한 데이터 페칭 로직을 제공합니다. 🎣
bunx expo prebuild --platform iOS 및 bunx expo run iOS 명령어를 통해 네이티브 빌드 및 시뮬레이터/기기 배포 과정을 시연합니다. 🛠️