[React-Native] 개발환경 구축

React-Native 프로젝트의 Back-End를 개발하며, React-Native 개발자가 API 호출하는데 이슈가 있다고하여 직접 테스팅해보기 위해 React-Native 환경을 구축하며 정리한 내용

 

여러가지 라이브러리들이 설치 되어야하는데 그 과정에서 충돌이 많음.

cocoapods의 경우 gem으로 설치하는 가이드가 많아 gem으로 설치를 시도했으나

계속 오류가 발생해서 ruby 버전을 변경해도 해결되지 않아 brew를 통해서 설치하였음.

brew를 통해서 설치해도 문제 없어보임.

 

sudo npm install -g react-native-cli

sudo gem install cocoapods
#gem으로 cocoapods 설치 실패 시 homebrew로 설치
brew install cocoapods

#ruby 버전을 3.1.4로 변경
rbenv global 3.1.4


#cocoapods 설치 후 현재 디렉토리를 react-native로 세팅
npx react-native@latest init [hellotest]

npm install --save react-native@latest

react-native run-ios

npx react-native run-ios













#에러 발생 시 루비 버전 업데이트를 위해 아래 작업 실행

sudo gem install activesupport -v 6.1.7.3

sudo chown -R 501:20 "/Users/taeseong/.npm"









react-native init helloworld
npx react-native@latest init hellotest




Run instructions for Android:
    • Have an Android emulator running (quickest way to get started), or a device connected.
    • cd "/Users/taeseong/Documents/react-native/helloworld/hellotest" && npx react-native run-android

  Run instructions for iOS:
    • cd "/Users/taeseong/Documents/react-native/helloworld/hellotest" && npx react-native run-ios
    - or -
    • Open hellotest/ios/hellotest.xcworkspace in Xcode or run "xed -b ios"
    • Hit the Run button

  Run instructions for macOS:
    • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions.







sudo xcodebuild -license accept
brew update
brew install rbenv
#설치 가능한 루비 버전 확인
rbenv install -l
#특정 버전 루비 설치
rbenv install 3.1.4