React Native 공식 페이지에서 권장하는 방법대로 작성했다.
1. Node & Watchman 설치
React Native 개발에 필요한 node와 Watchman을 Homebrew를 이용하여 설치한다.
<python />$ brew install node $ brew install watchman
watchman은 코드에 변화가 있는지 상태를 확인하는 도구입니다
2. JDK 8 설치
Android 개발을 위해 JDK를 설치한다.
- 설치방법은 동일하게 Homebrew를 사용
<python />$ brew install --cask adoptopenjdk/openjdk/adoptopenjdk8
3. Android Studio 설치
아래 링크에서 안드로이드 스튜디오를 설치한다.
Download Android Studio and SDK tools | Android 스튜디오
developer.android.com
4. SDK 설치
안드로이드 스튜디오가 설치되었다면, SDK를 설치한다.


5. 환경 변수 설정
<python />
$ cd ~
$ vi .bash_profile
# 또는 자신의 터미널에 맞게..
$ vi .zprofile
내용 추가
<python />
# Android SDK
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
스크립트 실행
<python />
$ source .bash_profile
# 또는 ...
$ source .zprofile
6. 관련 글
2020/05/19 - [React Native] - React Native 프로젝트 생성하기
React Native 프로젝트 생성하기
React Native React Native 는 Facebook 에서 만든 오픈 소스 모바일 애플리케이션 프레임 워크이다. React 를 사용하여 Android , iOS , WEB 과 같이 애플리케이션을 개발할 수 있다. 그중에서 모바일( iOS , And..
memostack.tistory.com
2020/05/19 - [React Native] - React Native Elements 적용하여 쉽게 앱 만들기
React Native Elements 적용하여 쉽게 앱 만들기
웹 개발 중에 Bootstrap 과 같은 디자인 라이브러리를 사용하면 쉽게 웹 레이아웃을 만들 수 있다. React Native 에도 이와 같이 비슷한 디자인 라이브러리가 있다. 여러가지 라이브러리가 있지만, 본
memostack.tistory.com
7. Reference
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
'Mobile > React Native' 카테고리의 다른 글
React Native XML 파싱 (0) | 2020.07.03 |
---|---|
react native navigation 사용하기 (0) | 2020.06.23 |
React Native Elements 적용하여 쉽게 앱 만들기 (0) | 2020.05.19 |
React Native 프로젝트 생성하기 (0) | 2020.05.19 |