본문 바로가기

React Native

[ReactNative]Mac - Android 설치(npx react-native run-android)

반응형

1. Node & Watchman 설치

 

node
brew install node

watchman
brew install watchman

 

2. Java Development Kit 

 

brew cask install adoptopenjdk/openjdk/adoptopenjdk8

 

 

3. Android Studio 설치

 

설치할때 설치마법사에서 Android SDK, Android SDK Platform, Android Virtual Device, HAXM을 체크하고 설치하자(캡처를 못했ㄷㅏ..)

 

 

4. Android SDK manager

 

Android Studio를 설치하고나서 SDK manager에 들어가서

SDK manager

좌측 하단에 'show package details'를 누른다.

 

Android10.0(Q) 항목 밑에 

 Android SDK Platform 29 

 Intel x86 Atom_64 System Image 또는 Google APIs Intel x86 Atom System Image

를 선택하고 설치해준다.

 

5. ANDROID_HOME 환경변수 설정

 

.bash_profile이나 .zshrc, .zprofile등을 이용하여 설정해주자 !

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

나는 zshrc를 썻다.

 

잘 적용됐는지확인하려면 터미널에 adb를 입력해보자. 

 


이제 생성 및 실행을 해보자

 

생성

npx react-native init [파일명]

예시
npx react-native init helloworld

위처럼 실행을 하면 helloworl라는 react-native 프로젝트가 생성된다

 

 

실행

Start Metro
npx react-native start

Start your application
npx react-native run-android

사실 npx react-native run-android만 해도 실행이된다.

 

 

 

오늘도 다함께 열심히 코딩해봅시다 ㅎㅎ 다들 화이팅 ~!~!

 

 

 

 

 

 

참고 reactnative.dev/docs/environment-setup

 

Setting up the development environment · React Native

This page will help you install and build your first React Native app.

reactnative.dev

 

반응형