[React Native] 개발에 필요한 아이들 설치부터 실행까지 시켜보자

mac OS Catalina를 기준으로 설치한다.

 

Homebrew

https://brew.sh/

Homebrew

홈페이지에 보면 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 패키지 관리자를 설치한다고 한다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

터미널에 붙여넣자.

설치되는데 시간이 좀 걸린다.

 

Yarn

https://classic.yarnpkg.com/en/docs/install/#mac-stable 

Yarn

그 다음으로 Homebrew를 이용하여 Yarn을 설치한다.

npm을 사용한다면 npm을 설치해도 된다. (brew install npm)

brew install yarn

터미널에 붙여넣자.

 

React Native 프로젝트

Homebrew를 이용하여 설치를 추천하는 아이들은 node와 watchman이다.

brew install node

brew install watchman

노드가 이미 설치되어 있다면 8.3버전 이상인지 확인해보자.

watchman은 Facebook에서 파일 시스템의 변경 사항을 보는 도구로서 더 나은 성능을 위해 설치하는 것이 좋다고 합니다.

 

Xcode > Preferences > Locations > Command Line Tools를 선택해주자. (이미 선택되어 있을 수 있음)

 

React Native iOS 개발에 필요한 CocoaPods을 설치하자.

sudo gem install cocoapods

터미널에 붙여넣자.

 

AwesomeProject라는 이름으로 프로젝트를 만들어보자.

경고 문구로 react-native-cli 패키지를 이미 설치한 경우에는 얘기치 않은 문제를 발생할 수 있으므로 삭제하라고 한다.

npx react-native init AwesomeProject

react-native 애플리케이션 실행해보자.

 

metro bundle을 실행시키고

npx react-native start

 

iOS를 실행한다.

npx react-native run-ios

 

시뮬레이터가 정상적으로 뜨면 미션 성공!