[React-Native] 2015 맥북프로에 설치하기

react-native

React-Native는 비교적 설치하기 간단합니다.

 

먼저 Node.js를 설치해야 합니다.

brew install node

 

설치하는데 시간이 좀 걸립니다. 

 

설치가 끝나면 디렉토리로 이동을 합니다.

 

그리고 난 다음 아래 명령어를 입력합니다.

npm install react-native-cli

 

설치가 완료 됐다면, 아래 명령어를 입력합니다.

react-native init 프로젝트이름

그러면 설치가 완료됩니다.

 

프로젝트 폴더에서 

 

react-native run-android

react-native run-ios 

둘 명령어로 시작한다고 합니다.

 

 

---

그러나 저는 오류가 발생했습니다. 혹시 같은 오류가 날 수 있기 때문에 공유합니다.

 

Loading dependency graph...events.js:167 throw er; // Unhandled 'error' event ^

Error: UNKNOWN: unknown error, lstat 'D:\React Native Projects\TheProject\node_modules\babel-register'

Emitted 'error' event at: at NodeWatcher.checkedEmitError 

 

NodeWatcher 관련 문제는 아래의 명령어로 해결이 가능합니다.

brew install watchman

 

아래와 같은 오류 문구가 있을 수 있습니다.

error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template.

ios 폴더로 이동하여 아래의 명령어를 입력하면 됩니다.

sudo xcode-select --switch /Applications/Xcode.app
pod install

출처: https://hoony-gunputer.tistory.com/entry/React-native-프로젝트-만들기expo-x [후니의 컴퓨터]

 

 

React-Native ios

 

반응형

안드로이드 스튜디오 환경 변수 설정

이제 안드로이드 스튜디오를 환경 변수에 등록해 주어야 합니다. 환경 변수를 추가하기 위해 ~/.bash_profile 파일 또는 ~/.zshrc 파일을 열고 아래와 같이 수정합니다.

 

# export ANDROID_HOME=$HOME/Library/Android/sdk export ANDROID_HOME=자신의 안드로이드SDK 위치/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 명령어를 입력하면 확인 할 수 있다.

 

또 다른 오류의 문구

 

I am new in Android Studio. After setup, When I am trying to import an application I am getting that error So that gradle not able to build.

Error:Could not initialize class org.codehaus.groovy.runtime.InvokerHelper

 

오류 해결

문제를 해결했다.

 

안드로이드 완료