ID: key_26_03_01_15_21_07_46_43600 Created date: Jan 15 2026 Thursday, 3rd 21:07
연관 문서
1. 코어 및 런타임 (The Core)
-
Framework: React Native 0.74+ (New Architecture)
- Turbo Modules & Fabric: 최신 아키텍처를 사용하여 이전 버전보다 훨씬 부드러운 애니메이션과 네이티브 성능을 제공합니다.
-
Language: TypeScript (Strict Mode) - 기기마다 다른 환경에서 발생하는 런타임 에러를 방지합니다.
-
Development Tool: Expo (Managed Workflow)
- 2026년 기준, Expo는 단순 학습용이 아닌 프로덕션 표준입니다. **EAS(Expo Application Services)**를 통해 빌드와 배포를 자동화할 수 있어 외주 운영 효율이 압도적입니다.
2. 네비게이션 및 상태 관리 (Navigation & State)
-
Navigation: React Navigation v7 (또는 Expo Router)
- 웹의 라우팅 개념을 앱으로 가져온 구조입니다. 스택, 탭, 드로워(Drawer) 메뉴를 구현합니다.
-
Server State: TanStack Query (React Query) v5
- 중요: 웹(Next.js)에서 사용하던 로직을 그대로 가져와 쓸 수 있어 백엔드(Spring Boot) 연동 코드를 재사용하기 좋습니다.
-
Global State: Zustand
- 가볍고 빠르며,
persist미들웨어를 사용해 앱을 껐다 켜도 데이터가 유지되게 하기 쉽습니다.
- 가볍고 빠르며,
3. 스타일링 및 UI (Design System)
-
Styling: NativeWind v4 (Tailwind CSS for React Native)
- 웹에서 쓰던 Tailwind 문법을 앱에서도 그대로 쓸 수 있습니다. 웹 템플릿과 스타일 코드를 공유하기 매우 유리합니다.
-
Component Library: Gluestack UI 또는 Tamagui
- 성능 최적화가 잘 되어 있고, 디자인 시스템 구축에 최적인 컴포넌트 라이브러리입니다.
-
Icons: Lucide React Native 또는 Expo Icons.
4. 모바일 특화 기능 (Native Features)
외주 고객이 앱 개발 시 반드시 요구하는 기능들입니다.
-
Push Notifications: Expo Notifications + Firebase (FCM).
-
Storage: react-native-mmkv (가장 빠른 로컬 저장소) - 사용자 설정 및 자동 로그인 토큰 저장용.
-
Deep Linking: 특정 URL을 누르면 앱의 특정 페이지로 바로 이동하는 기능.
-
Biometrics: 지문/Face ID 인증 (보안이 중요한 앱용).
5. 배포 및 유지보수 (DevOps)
-
OTA Updates: Expo Updates
- 외주의 핵심: 앱스토어 심사 없이 자바스크립트 코드 수정만으로 즉시 앱을 업데이트할 수 있습니다. (긴급 버그 수정 시 매우 유용)
-
Error Tracking: Sentry for React Native - 사용자 기기에서 발생하는 에러를 실시간 수집.
-
Build/Store: EAS Build - 내 컴퓨터가 아닌 클라우드에서 .apk, .ipa 파일을 생성합니다.
연관 메일