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 앱을 설치하면 편리합니다
'nextjs,tailwindcss,vercel' 카테고리의 다른 글
SEO canonical URLs and redirects 의미와 이유 (0) | 2024.11.04 |
---|---|
it looks like you may be using a lan url expo 오류 해결 (2) | 2024.10.31 |
aria-label이란? 그리고 tailwind css 에서의 사용법 (1) | 2024.09.02 |
google search console 오류 Page with redirect 해결 (0) | 2024.08.29 |
호스팅케이알에서 도메인 사서 google search console 등록 하기 (nextjs) (2) | 2024.08.27 |