본문 바로가기

IT/ReactivNative

[RN] 00_환경설정 (node, nvm, expo 설치 및 ios 시뮬레이터 실행)

RN으로 작업을 하기 위해서는 node와 nvm, expo 설치가 필수라고 볼 수 있다.

[맥 유저]

1. node-v 확인 

우선 terminal을 연 다음, node -v라고 타이핑을 해보자. node 가 설치되어 있지 않으면 homebrew로 node를 설치해보자.

 

 

Homebrew

The Missing Package Manager for macOS (or Linux).

brew.sh

위 사이트에 들어가서 

 

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

이 부분을 termianl에 입력한다. (설치하는데 대략 5분 정도 소요된다.)

 

참고로 맥 사용자라면 홈브류는 필수라고 볼 수 있다. 홈브류에 대해 알고 싶다면 다음 링크를 참조하면 된다.

 

www.44bits.io/ko/keyword/homebrew#%ED%99%88%EB%B8%8C%EB%A5%98homebrew%EB%9E%80

 

홈브류(Homebrew)란?

홈브류(Homebrew)는 맥스 호웰(Max Howell)이 주도해서 개발한 맥OS, 리눅스 용 패키지 관리 애플리케이션입니다. 홈브류는 루비(Ruby)로 개발되었으며, 2009년에 개발을 시작해 2019년에는 2.0 버전이 릴리

www.44bits.io

 

 

2.termianl 창에 " brew install node " 타이핑

 

 

설치 후 정상적으로 설치되어있다면, node -v라고 타이핑 시 node 버전이 뜬다. 

 

3. expo 설치하기

npm install -g expo-cli  입력하기

4. expo로 프로젝트 설치하기

 

원하는 폴더로 cd로 들어간 다음

1) expo init "project 명"  입력

2) blank를 선택

 

해당 폴더에 들어간 다음

3) npm start를 입력.

 

만약 starting metro budler 만 나온다면, pc를 재부팅해야 한다.

tunnerl ready 가 보여야 함.

 

 

만약 재부팅해도 안 뜬다면, 아래 select switch을 시도해보자

 

connection lan -> tunnel -> lan 

 

5. ios simulator 실행하기

 

Run os ios simulator 버튼을 클릭하면 아래 화면처럼 나온다. 참고로 시뮬레이터를 사용하려면 xcode 를 설치해야 한다. 

 

 

 

처음 실행하는 거라 설정하는데 시간이 좀 걸린다.

 

앱에 들어가서 expo 클릭 후 프로젝트를 실행하면, "open up app.js to start working on your app!" 이 뜨는 걸 확인할 수 있다.

이제 컴퓨터에서 ios 시뮬레이터를 정상적으로 실행시켰으니, 코드만 짜면 된다.