💻[React Native] Expo CLI 실행

Expo CLI

local에 개발 환경을 React Native CLI에 비해서 간단한 설치로 진행
cmd 창에 expo init 어플 이름
기본 REACT-NATVIE에 Expo SDK를 추가하여 개발 환경 제공
axios, lodash, luxon과 같은 js관련은 제한되지 않음 그러나 natve module이 같이 들어간 패키지들은 한계가 있음

어떤 종류의 앱을 만들 지 선택을 하게 해줌
blank: 아무 것도 없는 텅빈 앱에서 만들기
tabs: tab이 있는 형태로 만들기-> 하단의 buttom tab이 있는 화면, react navigation이 미리 setting되어 있는 것을 만드는 것, 여러 페이지로 구성되어 있는 tab
Bare workflow: expo에 익숙해지고 보다 최소화된 버전
이후 어떤 버전의 앱을 만들지 선택을 하면, 패키지 설치는 자동으로 나타남

에러 겁나 뜸... 결국 node.js commandline 키고 난리 부르스...
내가 참고한 블로그..(감사합니다)
그리고 이제 expo가 업데이트 되어서 자동으로 브라우저에 뜨지 않는다는 것...(학교 수업 때는 다 떳었거든요...?ㅠㅠ) 실행하면 나오는 QR코드를 expo Go 앱으로 켜주거나, 다른 애뮬레이터를 사용해야 한다고 한다. 아직 애뮬레이터를 설치하진 않아서... 급한대로 expo Go를 실행하였다

Expo Go: 자신이 가진 디바이스에서 연결하는 프로그램 : 디바이스와 개발 환경 네트워크가 일치해야 함 (같은 와이파이라던지..)

1. nodejs cmd 창에서 npm install expo-cli --global로 설치

2. 배경화면(Desktop)에 expo 파일을 생성하고, expo init 앱이름 실행

3. 앱의 환경을 선택하고, 이후 설명에 맞춰 cd 앱이름 yarn start로 시작
4. 내가 가지고 있는 디바이스와 같은 네트워크로 설정하여 qr코드 스캔

5. 연결 완료

console 확인 방법

1. Comman Line에서 확인
2. 개발자 도구 : Debug Remote Js, Debug Ui

반드시 하나의 기술로 해결할 순 있지만 굳이 하지 않아도 됨

expo eject를 하게 되면 난이도가 급격히 상승하고, 안드로이드와 ios 개발 툴을 다룰 수 있어야 함