nextjs,tailwindcss,vercel

Expo를 사용하여 안드로이드 앱을 빌드하기

주영 🐱 2024. 10. 29. 01:12
728x90
반응형

Expo를 사용하여 안드로이드 앱을 빌드하는 과정

1. 개발 환경 설정
   - Node.js 설치 (최신 LTS 버전 권장)
   - Android Studio 설치
   - Android SDK 설치 및 환경변수 설정
   ```bash
   # 환경변수 설정 예시 (Windows)
   ANDROID_HOME = C:\Users\USERNAME\AppData\Local\Android\Sdk
   Path에 추가: %ANDROID_HOME%\platform-tools
   ```

2. Expo CLI 설치
   ```bash
   npm install -g expo-cli
   ```

3. 새 프로젝트 생성
   ```bash
   # TypeScript 템플릿으로 프로젝트 생성
   npx create-expo-app 앱이름 -t expo-template-blank-typescript
   cd 앱이름
   ```

4. 필요한 디펜던시 설치
   ```bash
   npm install @expo/vector-icons expo-localization i18n-js react-native-paper
   ```

5. 개발 모드로 실행하기
   - Android 스튜디오에서 AVD(Android Virtual Device) 생성
   - 또는 실제 안드로이드 기기를 USB 디버깅 모드로 연결
   ```bash
   npx expo start
   # 'a'를 눌러 안드로이드에서 실행
   ```

6. 프로덕션 빌드를 위한 EAS(Expo Application Services) 설정
   ```bash
   # EAS CLI 설치
   npm install -g eas-cli
   
   # Expo 계정 로그인
   eas login
   
   # eas.json 설정 파일 생성
   eas build:configure
   ```

7. 앱 서명 설정
   ```json
   // eas.json 예시
   {
     "build": {
       "preview": {
         "android": {
           "buildType": "apk"
         }
       },
       "production": {
         "android": {
           "buildType": "app-bundle"
         }
       }
     }
   }
   ```

8. 빌드 실행
   ```bash
   # APK 프리뷰 빌드
   eas build -p android --profile preview
   
   # 또는 프로덕션용 AAB(Android App Bundle) 빌드
   eas build -p android --profile production
   ```

주요 고려사항:
- 첫 빌드 시 Expo 계정이 필요합니다
- 프로덕션 빌드는 구글 플레이 스토어 배포를 위한 키스토어 설정이 필요합니다
- 무료 Expo 계정으로는 월별 빌드 횟수에 제한이 있습니다
- 실제 기기 테스트를 위해서는 Expo Go 앱을 설치하면 편리합니다

반응형