리액트 네이티브 ios 시뮬레이터 설치/실행방법 3분컷

리액트 네이티브 어플 만들기 두 번째 과정입니다.

ios 시뮬레이터를 실행할 수 있도록 설치해 보았습니다. 시뮬레이터란 가상실행을 해볼 수 있는 프로그램인데요.

컴퓨터 속에 아이폰 하나를 만들어놓고 만든 어플을 실행해 볼 수 있는 장치라고 할 수 있겠습니다.

 

리액트 네이티브 어플 만들기 첫 번째 설치와 세팅과정은 아래 링크를 참고하세요.

첫번째 과정과 두 번째 과정이 반드시 차례를 지켜야 하는 것은 아닙니다. 다만 저는 준비물을 다 갖춰놓고 시작하지 않고 진행하며 필요한 준비물을 챙기는 과정으로 진행해 보았습니다.

2023.05.15 - [IT/개발] - 리액트 네이티브 앱만들기 시작 설치 및 셋팅 react native install

리액트 네이티브 앱만들기 시작 설치 및 셋팅 react native install

 

 

전 컴퓨터는 맥 쓰고 있습니다.
앱스토어에서 Xcode 다운로드하고 설치를 완료했습니다.

Xcode 다운로드가 필요하다면 클릭하세요.

‎Xcode

 

설치만 한다고 ios 시뮬레이터가 실행되는 것은 아닙니다. 간단하지만 두 가지 관문이 남아있습니다.

Xcode 환경설정하기

Xocode > Preferences… > Locations에 들어가 주세요.

Locations 부분에서 Command Line Tools: 을 지정해 주세요. 비어있는데 드롭박스를 누르면 버전 1개가 뜰 거예요. 컴퓨터 비밀번호 입력하면 변경이 완료됩니다.

 

 

터미널에서 Cocoapods 설치하기

터미널에 프로젝트 폴더 이동된 상태에서 아래 명령어를 입력하여 cocoapods을 설치합니다.

sudo gem install cocoapods

 

설치가 끝난 후 잘 설치되었나 확인차 아래 명령어를 입력해 설치 버전을 확인해 줍니다.

pod --version

지금 기준 설치된 버전은 1.12.1로 나옵니다.

 

아래 명령어를 입력해 프로젝트를 실행시켜 ios 시뮬레이터가 잘 작동하는지 확인해 봅니다.

npm start

단축키 a는 안드로이드, i는 ios 시뮬레이터가 실행됩니다. (w는 웹)

 

i를 누르면 팝업창이 뜨는데 [확인] 누르면

 

ios 시뮬레이터가 실행됩니다. Expo Go를 열겠냐는 질문에 Open으로 대답합니다.

 

ios 시뮬레이터에 App.js 파일 텍스트 태그 내용이 잘 보입니다.