React-native 설치 및 설정 (for MAC)

React

 

React : Facebook 에서 웹을 쉽게 만들기 위한 기술

React-native : React 접근방식을 모바일로 확장하는 기술

 

 

React-native (for Mac)

 

• Brew 설치
• 터미널 입력 : /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• 터미널 입력(버전확인) : brew —version

• Node 설치
• 터미널 입력 : brew install node
• 터미널 입력(버전확인) : npm —version

• Watchman 설치
• 터미널 입력 : brew install watchman
• 터미널 입력(버전확인) : watchman —version

• React-native CLI 설치
• 터미널 입력 : npm install -g react-native-cli
• 터미널 입력(버전확인) : react-native —version

• Xcode 설치(웹에서 다운로드)
• Command line tool 설정 : Xcode >Preferences > Location > Commad Line Tools > 드롭박스에 있는거 선택
• CocoaPod 설치
  • 터미널 입력 : sudo gem install cocoapods
  • (Xcode 프로젝트 경로로 이동) > 터미널 입력 :  pod init > Podfile 생성 완료

• JDK 설치
• 터미널 입력 : brew tap AdoptOpenJDK/openjdk
• 터미널 입력 : brew install --cask adoptopenjdk8
• 터미널 입력(버전확인) : java -version

• AndroidStudio 설치(웹에서 다운로드)
  • 필수 설치 SDK :
    • Tools > SDK Manager > SDK Platforms 9.0 설치
    • Tools > SDK Manager > SDK Tools > 
      • Android Emulator 설치
      • Intel x86 EmulatorAccelerator…설치
      • 터미널 입력(설치확인) : adb 
        • adb 가 정상이면 Android Debug Bridge version 1.0.41 관련 정보가 나온다
  •  SDK 환경변수 설정 
    • .bash_profile 을 찾는다(없으면 생성)
    • 편집기든 뭐든 파일을 열고 아래의 코드를 넣고, 저장해주면 된다.

 

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

 

 

설정은 완료 되었음 실행 하는 방법은 나중에 따로 정리할 예정

(참고 :  실행 방법은

- 터미널 명령어로 실행(android/ios) 

- Android Studio 로 실행(android)

- Xcode로 실행(ios)

가 있음)

 

 

 

- 끝 -