[RN] study 2week ①expo 설치

React Navtive 스터디 1-2week

노마드코더 강의- 왕초보를 위한 React Native 101(https://nomadcoders.co/react-native-for-beginners)

[설치]

expo 설치

npm install --global expo-cli

 

<error

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'

>

https://brtech.tistory.com/124

Error: EACCES: permission denied 문제 해결 방법

<해결방법

자신의 계정 홈 경로에 npm global 설치 패키지 디렉토리를 만들고 글로벌 설치시에 해당 경로로 패키지가 설치 되도록 하는 방법인데 다음의 과정을 진행하면 된다.

mkdir ~/.npm-global

npm config set prefix '~/.npm-global'

 

vi ~/.profile

profile 제일 하단에 다음 코드를 추가한다.

export PATH=~/.npm-global/bin:$PATH

:wq 저장 후 변경된 프로필 내용을 적용 해준다.

source ~/.profile

끝.

다시, 

npm install --global expo-cli

>

 

 

expo-cli 설치됨.

=> 아이폰에 Expo Go 앱 설치

=> expo.dev 회원가입/로그인

——————How Does React Native Work——————

리액트 네이티브에는 브라우저가 없다!

RN은 인터페이스로, 우리(User)와 운영체제(iOS, 안드로이드) 사이에 있다.

RN은 iOS와 안드로이드에 각각 메시지를 보낸다. 

 

——————New App 시작——————

expo init NomadWeather

enter;

 

npm start

expo login

 

snack.expo.dev 에서 시뮬레이터 볼 수 있음~

 

---

Expo is...

=> JavaScript 및 React Native를 사용하여 대화형 제스처 및 그래픽으로 경험을 만들기 위한 개발자 도구

=> Build one JavaScript/TypeScript project that runs natively on all your users' devices.

https://github.com/expo/expo

https://docs.expo.dev/

Expo Documentation

 

(2019년 글) https://ui.toast.com/posts/ko_20190213 , https://ui.toast.com/posts/ko_20190624