React native 설치 가이드

작성자 : 조회수 :

해당 글은 제가 다음에 다시 세팅할 때 문제없도록 만들어둔 세팅 방법 입니다.

 

 

 

일단 중요한 방법은 공식 사이트에서 참고하는게 제일 빠릅니다.

 

공식 사이트 : https://reactnative.dev/docs/environment-setup?guide=native


IOS 어플리케이션은 XCODE로 진행합니다.

 

XCODE로 진행 시 CocoaPods이 필요합니다.

 

 

안드로이드는 안드로이드 스튜디오와 그 안에 있는 SDK MANAGER설정, 에뮬레이터 세팅이 필요합니다.



먼저

brew install node

brew install watchman

 

nodewatchman 설치를 진행해줍니다.

 

설치과 완료되었다면

npm uninstall -g react-native-cli @react-native-community/cli

 

리액트 네이티브 프로젝트를 설치합니다.

 

안드로이드 세팅 방법

 

1.         안드로이드 스튜디오 설치

2.         APK MANAGER 버전 설치, 가상 머신 설치

3.         안드로이드 스튜디오 환경변수 설정해주기

4.         안드로이드 폴더 안에 local.properties 변수 설정해주기

           sdk.dir = /Users/youseongjung/Library/Android/sdk

 

참고 uri : https://2vup.com/mac-install-android-studio/


IOS 세팅은 XCODE설치후 (위 리액트 네이티브 문서확인)

Coco pods 설치법

 

sudo gem install drb -v 2.0.6

sudo gem install activesupport -v 6.1.7.6

sudo gem install cocoapods   

 

cd ios && pod install  // react native iOS 어플 연동법

 

 

아래 설치관련된 메모

 

Node , watchman, cocoa pods

 

Watchman - 페이스북에서 설치, 성능 개선과 모니터링을 위해 설치