m1 ) react-native run-android 🔥

RN을 사용하면 ios 빌드에서 끝나는게아니라 aos도 빌드해서 테스트해봐야한다!

하지만 처음에 RN을 시작할때 ios를 하느라 급급했고 초반엔 정신이없어서 안드로이드 빌드해볼생각을 잘 못했다 (변명)

암튼 처음에 우여곡절을 겪고 기록해본다..

빌드를 해볼수 있는건 1. emulator 2. 갤럭시 기기 두가지가 있다

설치방법

난 ios 빌드를 성공했기 때문에 RN, node 설치는 패스하겠다 ..

1. JAVA SDK 설치

adoptopenjdk8 설치하는게 brew cask install adoptopenjdk8 이거였는데 최근에 변경됐다고 구글링하다가 봤다!..

brew tap AdoptOpenJDK/openJdk
brew install —cask adoptopenjdk8 (최근에 command 바뀜)

안드로이드 어플리케이션 제작을 위해서는 JAVA SDK가 필수적이다.

java version 으로 설치확인하자

2. Android Studio 설치

안드로이드 에뮬레이터를 돌리기 위해 안드로이드 스튜디오를 설치해주자.
https://developer.android.com/studio/preview
m1 이기에 appleChip을 선택해서 다운받아야한다.

그리고 중간에 standard, custom 선택하는게 있는데 custom으로 선택하자
그래야 오류가 덜난다 ..

3. Virtual Device Manager

설치가 되면 초기작업을 하고나면 아래화면처럼 뜨는데 AVD Manager을 눌러준다

좌측 하단에 'create virtual device'를 누르고 기기를 만들어주면 된다!

원하는 기기를 선택하고

S버전을 다운받아준다. 다운받는 시간이 10분이 넘어가면 과감하게 포기 ... (특히 m1)

그 다음엔 sdk를 확인하러 가야한다

System Settings -> Android SDK -> SDK Tools -> Android SDK Command-line Tools 에 체크가 안되어있다면 바로 체크를 하자

4. properties, 환경변수 설정

vscode로 넘어가서 자신의 프로젝트의 android 폴더 내부에 local.properties 파일을 생성해준다.
그리고 저 celina(내이름)만 자기의 이름으로 변경하고 입력한다

(터미널로 루트다시한번 확인해보기 ..)

vi ~/.zshrc

export ANDROID_SDK=/Users/jobchae/Library/Android/sdk
export PATH=/Users/jobchae/Library/Android/sdk/platform-tools:$PATH

저장 후 ...
source ~/.zshrc

다시 android 폴더로 돌아가서 gradle.properties file 내부의 flipper version을 수정 혹은 추가 해야한다.

5. run

cd android
./gradlew clean
cd ..
react-native run-android

위 코드를 입력하면 되지만 emulator로 작동할거면 먼저 켜놓아야 한다!

👩🏻‍💻 Emulator 단축키

• r을 빠르게 두 번 누르면 에뮬레이터 새로고침
• Ctrl+m을 누르면 메뉴창. 여기서 디버그 선택 가능
  -Disable Fast Refresh: 코드 수정되어도 에뮬레이터에 반영 안 되며, rr로 수동 으로 리프레시 해줘야 함
  -Enable Fast Refresh: 코드 수정되면 에뮬레이터 자동 리프레시

📱 스마트폰 기기로 실행

1. 핸드폰 설정

설정 - 개발자 옵션 - USB 디버깅 활성화

2. CMD 창에 명령어 입력

abd devices

입력하면 이런식으로 나온다

3.react-native run-android

끝! 🥲

+처음에 당황했던 에러 🔥

Execution failed for task ':app:installDebug'...

react-native run-android를 실행하면 아래와 같은 에러가 발생한다.

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:installDebug'.
> java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_VERSION_DOWNGRADE

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 49s

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details.
Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
Unable to install /Users/celina/Desktop/0.63.4/android/app/build/outputs/apk/debug/app-debug.apk

이유는 에뮬레이터 기존에 같은 앱을 설치해놓고, 또 설치하려고 할때 발생하는 에러라 한다.

에뮬레이터에 설치되어있던 앱을 삭제하고 react-native run-android하면 된다.