[React Native] 개발 환경 설정 Mac for iOS

ReactNative 개발 환경 설정을 진행할 때 사용하는 방법은 2가지가 있습니다.

1. Expo CLI Quickstart
2. React Native CLI Quickstart

Expo CLI Quickstart의 경우 쉽게 설정할 수 있지만, 몇 가지 제약 사항으로

React Native CLI 를 이용해서 개발환경을 설정해보겠습니다.

 

우선 필요한 프로그램들을 설치합니다. 공식 문서에서 설치하라고 하는 프로그램은 아래와 같습니다.

• Node
• Watchman
• React Native command line interface
• XCode

1. Node와 Watchman을 설치합니다.

Node와 Watchman의 경우 Homebrew를 이용해서 설치하면 됩니다.
Homebrew가 설치되어 있지 않으시면 https://brew.sh/ 에 방문하셔서 가이드에 따라 설치하시면 됩니다.

brew install 

brew install watchman

Node이 경우 10 버전 이상이 설치되어야 합니다.

 

2. Xcode 및 iOS시뮬레이터를 설치합니다.

 

2-1. Xcode의 경우 App Store에서 설치할 수 있습니다.

설치 링크 

‎Xcode

Xcode의 버전은 9.4 또는 그 이상이 설치되어야 합니다.

App Store Xcode 개발자 도구

Xcode를 설치하셨으면, 이제 Xcode Command Line Tools을 설정해야 합니다.

Xcode를 실행하시고, 'Preferences' 메뉴를 선택합니다.

Xcode 실행 후 Preferences 메뉴 선택

'Preferences' 메뉴 - Locations 메뉴를 선택합니다.

그리고 'Command Line Tools'에서 Xcode {최신 버전}를 선택합니다.

2-2. iOS 시뮬레이터를 설치합니다.

Xcode > Preferences 메뉴 중 Components 탭을 선택합니다.

사용하고자 하는 iOS 버전의 시뮬레이터를 설치합니다.

시뮬레이터 왼쪽에 버튼을 클릭하면 다운로드가 시작됩니다.

시뮬레이터 목록

2-3. CocoaPods을 설치합니다.

CocoaPods란 라이브러리 의존성 관리 매니저입니다.

터미널에서 아래 명령어를 실행하여 설치해 주세요.

sudo gem install cocoapods

CocoaPods 설치 화면

이제 필요한 프로그램들 설치와 설정이 완료되었습니다.