리액트 네이티브 어플 만들기 두 번째 과정입니다.
ios 시뮬레이터를 실행할 수 있도록 설치해 보았습니다. 시뮬레이터란 가상실행을 해볼 수 있는 프로그램인데요.
컴퓨터 속에 아이폰 하나를 만들어놓고 만든 어플을 실행해 볼 수 있는 장치라고 할 수 있겠습니다.
리액트 네이티브 어플 만들기 첫 번째 설치와 세팅과정은 아래 링크를 참고하세요.
첫번째 과정과 두 번째 과정이 반드시 차례를 지켜야 하는 것은 아닙니다. 다만 저는 준비물을 다 갖춰놓고 시작하지 않고 진행하며 필요한 준비물을 챙기는 과정으로 진행해 보았습니다.
2023.05.15 - [IT/개발] - 리액트 네이티브 앱만들기 시작 설치 및 셋팅 react native install
리액트 네이티브 앱만들기 시작 설치 및 셋팅 react native install
이번 여행 이후 만들고 싶은 앱이 생겨 어플 만들기를 시작했다. 제일 먼저 리액트 네이티브로 앱을 만들기 위한 기본적인 설치와 세팅 방법을 담았다. 유튜브에 검색하여 따라하다가 난관에 부
rootingforme.tistory.com
전 컴퓨터는 맥 쓰고 있습니다.
앱스토어에서 Xcode 다운로드하고 설치를 완료했습니다.
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
설치만 한다고 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 파일 텍스트 태그 내용이 잘 보입니다.
'IT > 개발' 카테고리의 다른 글
| 리액트 네이티브 앱 만들기 3 리액트 내비게이션 라이브러리 설치 (0) | 2023.05.25 |
|---|---|
| 리액트 네이티브 앱만들기 시작 설치 및 셋팅 react native install (3) | 2023.05.15 |
| 소스트리에서 github push 에러 오류 해결방법 (0) | 2022.11.29 |
| sourcetree 소스트리 설치하는 방법! 회원가입 X (github 사용자) (0) | 2022.11.28 |
| Node.js 설치, 버전 확인하는 방법 / LTS, Current 의미 / Node.js 란 (0) | 2022.04.08 |