Mac에서 react-native 설치, 환경설정

맥미니 M1칩 기준입니다.

1. Homebrew 설치

macOS용 패키지 설치 관리자이다.

brew -v

version이 나오지 않으면 아래 명령어로 설치한다.

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

설치 후 터미널을 재실행 시켜 brew -v 명령어로 버전을 확인하여 설치가 잘 되었는지 확인한다.

2. Nodejs 설치

아래 명령어를 통해 Nodejs를 설치할 수 있다.

brew install node

아래 두 명령어를 통해 node와 nodejs 패키지 매니저인 npm이 잘 설치되었는지 확인한다.

node -v
npm -v

3. Watchman 설치

파일을 감시하고 변경시 특정 동작을 실행하도록 설정하는 역할을 한다.

brew install watchman

위 명령어를 통해 watchman을 설치한다.

watchman -v

위 명령어를 통해 watchman 설치를 확인한다.

4. Xcode 설치

Mac App Store에서 Xcode를 설치한다.

설치를 완료한 후 Command Line Tools를 설정해야한다.

Xcode → Preferences → Locations에서 Command Line Tools를 Xcode 12.5(12E262)로 설정한다.

(최신 버전마다 설정하는 버전이 다름으로 설치할 때 검색해서 찾아본다.)

5. cocoapods 설치

iOS에서 사용되는 프로젝트 의존성 관리자이다.

//에러*******************************
sudo gem install cocoapods

위 명령어를 통해 cocoapods를 설치한다.(에러)

brew install cocoapods

brew를 이용하여 cocoapods을 설치한다.

pod --version

위 명령어를 통해 cocoapods 설치를 확인한다.

6. React Native CLI 설치

React Native 프로젝트를 생성, 관리하는 cli 명령어 제공한다.

npm install -g react-native-cli

위 명령어를 통해 React-Native CLI를 설치한다.

react-native --version

위 명령어로 React-Native CLI 설치를 확인한다.

7. React Native 프로젝트 생성 및 확인

npx react-native init 프로젝트명

다음 명령어로 React-Native 프로젝트를 설치한다.

cd 프로젝트명

프로젝트 파일로 들어간다.

npx react-native run-ios
react-native run-ios
npm run ios

프로젝트 실행(셋 중 하나)