M1, React Native iOS 시뮬레이터 실행

August 4, 2021

개발 환경 세팅

앞서 리액트 네이티브 설치를 위해 환경 세팅을 해 줬다면, 이번엔 iOS 시뮬레이터를 돌려볼 수 있는 환경을 만들 차례다.

엄청난 에러의 향연이었지만, 일단 기본적으로 해야 할 것들을 적어 놓았다. 에러는 정신 없이 구글링하고 처리하느라 링크로 대체한다.

Xcode 설정

설치 후 실행한 뒤

Preference > Location > Command Line Tools

경로에 CLT 가 설정되어있는지 확인한다.

Simulator 설치

위에서 봤던 Locations 바로 옆 Components에 시뮬레이터 목록이 있다.

원하는 버전으로 다운로드하면 된다.

나의 첫,, React Native Project…

React Native Project

iTerm을 열어 내가 프로젝트를 저장하고자 하는 경로로 이동한다.

// 원하는 디렉토리로 이동
cd ~/Dev/React-Native

프로젝트를 실행한다.

npx react-native init MyFirstRN

npx를 빼도 되긴 하는 것 같은데, 무슨 차이인지는 나중에 알아봐야겠다.

npx react-native start

Metro 를 시작하는 명령어인데, start 를 하지 않고 바로 run-ios 로 시뮬레이터를 실행해도 자동으로 시작된다.

프로젝트가 정상적으로 잘 만들어졌으면, 어플리케이션을 실행하기 전 iOS 앱 실행에 필요한 라이브러리들을 설치해준다. 앞에서 열심히 깔아제꼈던 것들 중 cocoapods를 이용하면 된다. iOS 앱 실행을 위한 과정이기 때문에 프로젝트 내의 ios 디렉토리로 들어가서 설치한다.