React Native 개발 환경 초기 구축

1. nvm 설치

 

설치 명령어 참고 github 링크 이동

sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

버전을 v0.33.1에서 11로 변경해주었음.

 

2. node.js 설치

nvm install 10.15.1 

그리고나서 nvm ls 라는 명령어를 입력하면 내가 nvm에 설치한 것들을 확인할 수가 있다.

 

3. Android Studio 설치

안드로이드 스튜디오를 설치하고 sdk 설치를 해주고 디바이스를 선택, 등록한 다음에 아래와 같은 환경변수를 추가해주어야 한다.

vi ~/.bash_profile 

 

 

ANDROID_HOME 의 경로는 sdk manager에서 Android SDK Location 의 경로를 본인 피씨의 경로에 맞게 수정을 해주어야 한다.

export ANDROID_HOME=/Users/ddakpet/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

 

 

환경변수가 제대로 등록이 되었다면 아래와 같이 확인할 수 있다.

adb 

 

 

adb를 입력했을 때, 오류가 나는 경우 bash_profile이 제대로 실행되지 않아서 발생하는 문제이다.

source ~/.bash_profile

 

위의 명령어를 입력하고 adb를 입력하면 아래와 같이 확인할 수 있다.

 

아래와 같이 확인이 된다면 환경변수를 제대로 등록한 것이다.

 

 

 

4. 자바 설치

오라클에서 자바를 설치하면 아래 경로에서 설치한 jdk를 확인할 수 있다.

cd /Library/Java/JavaVirtualMachines/

 

 

5. Xcode 설치

간단하게 App Store에서 설치해주면 된다.

설치 후, preferences > Location > Command Line Tools에 아래와 같이 선택만 되어 있으면 된다.
선택이 되어 있지 않다면, 선택을 해주면 된다.
추가로 다른 설정을 해줄 것은 없다.

 

6. Visual Studio Code 설치

 

7. cocoapods 설치

sudo gem install cocoapods -v 1.8.4

pod --version 이라고 입력하면 설치한 cocoapods 버전을 확인할 수 있다.

 

 

8. React Native CLI 설치

npm install -g react-native-cli

만약 npm이 사용할 수 없는 명령어라고 오류가 발생한다면

 

source ~/.bash_pofile 

을 입력해서 bash 파일을 실행시켜준 다음에 다시 명령어를 입력해보면 사용할 수 있다!

 

내가 이 작업 전에 또 다른 환경 변수르 수정해줬던 것일까..,

react-natvie --version

이라고 입력하면 내가 설치한 react-natvie 버전을 확인해볼 수 있다.