반응형

이번 글에서는 Mac에서 ReactNative iOS 프로젝트를 시작하는 방법에 대해 다뤄보겠습니다.

 

개발 환경 설정이 되어 있지 않으시다면 이전 글을 보고 진행해주세요.

 

0. 개발 환경 설정

 

1. React Native Command Line Interface 를 이용하여 프로젝트 생성

프로젝트를 생성하고자 하는 폴더로 이동 후 터미널에서 아래 명령어를 실행합니다.

➜  initReactNative npx react-native init initReactNative

init 실행 후 화면

2. 위의 단계가 완료되면, 가이드대로 아래 명령어를 실행합니다.

init 명령어 완료

➜  initReactNative npx react-native run-ios

 

3. iOS 시뮬레이터와 Metro 터미널이 실행됩니다.

npx react-native run-ios 실행 화면
iOS 시뮬레이터 실행 화면

 

Metro 터미널 실행 화면

 

4. 이제 iOS 시뮬레이터에 앱이 설치되고 실행되게 됩니다.

React Native iOS 프로젝트 실행 화면

 

이제 React Native 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 includes everything developers need to create great applications for Mac, iPhone, iPad, Apple TV, and Apple Watch. Xcode provides developers a unified workflow for user interface design, coding, testing, and debugging. The Xcode IDE combined with

apps.apple.com

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 설치 화면

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

 

 

반응형

+ Recent posts