React Native 안드로이드 개발 환경 구축하기

새 m2 pro 맥북을 받은 기념으로 React Native 안드로이드 개발 및 빌드 환경 구성하는 방법을 기록합니다.

• 환경
  • macOS Ventura
  • Node.js v18.16.1
  • Homebrew 4.0.28

JDK(Java Development Kit) 및 Watchman 설치

openjdk 11 을 설치한다.

brew tap homebrew/cask-versions
brew install --cask zulu11

JAVA_HOME 환경변수를 설정한다.

echo 'export JAVA_HOME=/Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home' >> ~/.zshrc
source ~/.zshrc

아래의 명령어로 설치 여부를 확인한다.

java -version

Watchman 을 설치한다.

brew install watchman

안드로이드 스튜디오 설치 및 설정

안드로이드 스튜디오 를 설치한다.

• 최초 실행 후 튜토리얼에 따라 SDK를 설치해준다.

SDK

안드로이드 스튜디오 → More Actions → SDK Manager

Android 13 (Tiramisu) SDK 를 설치한다.

• Show Package Details를 체크해 세부 목록에서 선택해 설치한다.

SDK Tools 탭에서 Android SDK Build-Tools에서 v33.0.0 을 설치한다.

• Show Package Details를 체크해 세부 목록에서 선택해 설치한다.

~/.zshrc 에 ANDROID_HOME 환경변수를 설정한다.

vi ~/.zshrc

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

source ~/.zshrc

AVD

안드로이드 스튜디오 → More Actions → Virtual Device Manager

Create Device를 눌러 새 애뮬레이터를 생성한다.

• Device : 원하는 디바이스 선택
• System Image : Tiramisu 33 선택

용량 부족으로 빌드 에러가 생길 수 있으므로 Show Advanced Settings를 눌러 Internal Storage가 2048mb 이상 인지 확인한다.

실제 디바이스에서 실행하기

1. 핸드폰 디바이스의 USB 디버깅 모드를 활성화한다.
2. 컴퓨터(맥북)에 USB로 핸드폰 디바이스를 연결한다.
3. adb devices 로 연결된 기기 목록을 볼 수 있다.

애뮬레이터가 실행되어 있다면 종료하고, 빌드한다.

실제 디바이스의 화면을 맥북에서 보기

scrcpy를 사용한다.

brew install scrcpy

refer

• https://reactnative.dev/docs/environment-setup?guide=native&platform=android