[React Native] React Native 시작하기 (iOS)

React Native를 이용해서 iOS, Android 앱을 동시에 개발하려고 합니다.

그전에 React Native를 어떻게 설치하고 실행하는지 알아보도록 하겠습니다.

설치환경

이글을 쓰는 현재 React Native는 0.43 버전입니다.

Mac에서는 iOS, Android가 동시에 개발가능하므로 가지고 있는 Mac air(Sierra 10.12.3)에 설치하도록 하겠습니다.

Node.js, Watchman 설치

Mac의 패키지 관리툴인 Homebrew를 사용하여 Node.js와 Watchman을 설치하도록 하겠습니다.

# brew install node

# brew install watchman

Watchman은 Facebook에서 개발한 파일시스템 변화감지툴입니다. 추후 동적빌드 등에 성능을 위해 설치를 권장합니다.

brew사용이 어려우시면 Node.js사이트에서 PKG 파일을 받아 설치하셔도 무방합니다.

React Native Command Line Interface 설치

React Native에 대한 프로젝트 생성, 실행 등을 하기 위한 명령툴을 설치하도록 하겠습니다.

Node.js에 포함되는 npm 툴을 이용하여 설치가 가능합니다.

# npm install -g react-native-cli

권한에 문제가 있을 경우에는 sudo를 추가해서 설치하시기 바랍니다.

Xcode 설치

React Native가 Node를 사용하더라도 iOS에 대한 빌드는 Xcode를 사용하고 있습니다. AppStore를 사용하여 설치가 가능합니다.

Project 생성 및 실행

Xcode까지 설치가 끝나면 React Native를 이용하여 iOS 앱을 만들 준비가 끝났습니다.

프로젝트 생성을 위하여 원하는 경로에 react-native init 명령을 통하여 React Native 프로젝트를 생성합니다.

# react-native init [Project Name]

ex)

# react-native init hello-ios

그럼 자동으로 프로젝트 이름으로 지정한 폴더를 만들고 기본 설정을 하게 됩니다.

해당 폴더로 이동 후 react-native run-ios 명령을 하여 iOS에 실행을 할 수 있습니다.

# react-native run-ios

그럼 설정에 따라 시뮬레이터(또는 연결된 기기)에 프로그램이 실행되게 됩니다.