React Native, Android 개발을 위한 설치 및 환경 구축 (Mac OSX)
React Native 공식 페이지에서 권장하는 방법대로 작성했다.
Node & Watchman 설치
React Native 개발에 필요한 node와 Watchman을 Homebrew를 이용하여 설치한다.
$ brew install node
$ brew install watchmanwatchman은 코드에 변화가 있는지 상태를 확인하는 도구입니다
JDK 8 설치
Android 개발을 위해 JDK를 설치한다.
- 설치방법은 동일하게 Homebrew를 사용
$ brew install --cask adoptopenjdk/openjdk/adoptopenjdk8
Android Studio 설치
아래 링크에서 안드로이드 스튜디오를 설치한다.
Download Android Studio and SDK tools | Android 스튜디오
developer.android.com
SDK 설치
안드로이드 스튜디오가 설치되었다면, SDK를 설치한다.
환경 변수 설정
$ cd ~
$ vi .bash_profile
# 또는 자신의 터미널에 맞게..
$ vi .zprofile
내용 추가
# 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
스크립트 실행
$ source .bash_profile
# 또는 ...
$ source .zprofile
관련 글
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
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