[RN] React Native 시작하기 - Expo / Expo 설치 / npm install --global expo-cli 안될 때

ReactNative로 구현한 코드를 폰으로 확인하고 싶은데,

복잡한 android studio 이나 xcode 셋팅 없이 어떻게 할 수 있을까?

바로 Expo 이용하면 된다

 

HOW?

1. node version 14.17.3 이상

- 아래 코드로 노드 버젼 체크

> node -v

 

2. expo  cli 설치

> npm install --global expo-cli

 

위 명령어 입력시 아래와 같은 에러가 뜬다.

npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/expo-cli
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/expo-cli'
npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/expo-cli'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/expo-cli'
npm ERR! }
npm ERR! 
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jeongjieun/.npm/_logs/2022-06-17T07_11_51_774Z-debug.log

 

이때 , 아래 명령어로 설치하면 해결

> sudo npm install --global expo-cli

 

추가적으로, 맥 유저라면 watchman 설치해주도록 한다

> brew update
> brew install watchman

Installation

 

3. 폰에 expo app 설치

iOS - expo go

Android - expo

- 계정 생성 후 로그인