01. React-Native로 개발 준비

목표

React-Native 개발 환경 설정 및 프로젝트 생성

Mac에서 환경 구축

기본적으로 nodejs, watchman가 필요하고, 각 플랫폼에 따라 xcode, android studio 설정이 필요하다.

1. Homebrew 설치
   맥용 패키지 관리자입니다.

   homebrew 설치
   /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

   homebrew 설치여부 및 버전 확인
   brew --version

2. NodeJS 설치
   JavaScript로 개발하기 때문에 nodejs를 설치합니다.

   brew install node

3. Watchman 설치
   파일 감시 서비스로, 특정동작을 트리거로 실행하는 역할을 합니다. 예로 소스 변경 시, 재빌드 등의 동작을 설정할 수 있습니다.

   Watchman 공식사이트 : https://facebook.github.io/watchman/
   설치
   brew install watchman

4. CLI 설치
   -- Expo CLI : 자주사용되는 네이티브 기능을 패키지로 제공하나 앱 파일 사이즈가 커짐
   -- React Native CLI : 해당 버전으로 사용해보자.

   npm install -g react-native-cli

5. Android 설치
   -- JDK설치
   -- Android Studio 설치
   -- SDK Platform 29 설정
   -- 환경 변수 설정

vi ~/.zshrc
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
source ~/.zshrc

6. iOS 설치
   -- xcode 설치
   -- cocoapods 설치

sudo gem install cocoapods

7. 프로젝트 생성 및 에뮬레이션
   간단하게 프로젝트를 생성해서 실행해보자.

   react-native init "프로젝트명"
   react-native run-android or run-ios