React-native Mac 세팅 중 정리(2)

nevermind·2023년 2월 4일
1

React-Native

목록 보기
3/8

- Watchman 설치

  • Watchman은 facebook에서 만든 파일 모니터링 도구로 맥OS에서만 지원됨
  • 파일 모니터링을 하며 변화가 발생했을 때 특정 작업을 처리하는 용도(VSCode 에디터에서 소스 파일 변경하고 저장시 시뮬레이터 앱에 자동으로 반영)
  • RN(React-native)에서는 소스코드 추가, 변경이 발생하면 다시 빌드 위하여 사용
  • 설치 명령어 brew install watchman
  • 설치 후 버전 확인 watchman –version

- Xcode 설치

  • RN을 iOS 앱 개발 위하여 Xcode라는 개발 툴 설치 필요
  • 앱스토어에서 Xcode 설치
  • Xcode는 개발자 계정이 필요

- Cocoapods 설치

  • iOS개발에 사용되는 프로젝트에 필요한 라이브러리를 CocoaPod을 통해 쉽게 관리하고 사용하는 도구
  • iOS개발시 필수
  • podfile 하나로 같은 팀원의 라이브러리 종류, 버전 등 체킹 필요가 x
  • 설치 방법 brew install cocoapods
  • 설치 확인 pod --version
  • podfile 편집 vi podfilepod install 로 코코아팟 설치

- JDK 설치

  • RN 안드로이드 앱 개발을 위해서는 JDK(Java-Development-Kit) 설치필요
  • 설치 명령어 brew tap AdoptOpenJDK/openjdk && brew install --cask adoptopenjdk11
  • 설치 확인 java -version
  • 그 외로 환경변수 설정이 필요하다면 자바 경로를 확인하여 vi ~/.bash_profile에서 i로 안드로이드 SDK위치 입력해준 후 :wq(저장 후 vi 나가기)
    	> export JAVA_HOME=자신의 안드로이드SDK 위치
    	  export PATH=${PATH}:자신의 안드로이드SDK 위치

- yarn 설치

  • npm install --global yarn

- gradle 설치

  • 안드로이드를 기준으로 kotlin 파일이나 java 파일을 바이트 코드로 변환해주는 작업
  • Test는 앱이 제대로 동작할지에 대한 Test(유닛, UI 테스트 등)를 지원한다
  • 즉, 오픈소스 빌드 도구
  • 설치 명령어 brew install gradle

- 안드로이드 스튜디오 설치

  • 안드로이드 애뮬레이터 사용시 필수
  • 안드로이드 스튜디오: https://developer.android.com/studio 다운로드
  • Configure > SDK Manger로 이동하여

    Android SDK Platform 29
    Intel x86 Atom System Image
    Google APIs Intel x86 Atom System Image
    Google APIs Intel x86 Atom_64 System Image 선택해준다

  • vi ~/.bash_profile 또는 ~/.zshrc파일을 열고 설정 후 source ~/.bash_profile or source ~/.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

출처 : https://calyfactory.github.io/xcode-dependency-Manager/
https://dev-yakuza.posstree.com/ko/react-native/install-on-mac/
https://willbesoon.tistory.com/93
https://cocoapods.org/

profile
winwin

0개의 댓글