Expo 시작하기

◎ 다운로드 받아야 할 프로그램

• VS Code
• 안드로이드 스튜디오
• node, npm (Window, Mac)
• XCode(Mac 사용자만)

◎ 리액트 네이티브 & Expo

• 리액트 네이티브 = 리액트(React) + 네이티브(Native)
  우리가 배운 자바스크립트 언어 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리

• Expo : 리액트 네이티브로 앱을 개발할 때, 안드로이드 & iOS 코드를 건드려야 하는 대부분의 상황들을 안 건드려도 되게끔 도와주는 툴.
  또한 앱 개발을 편리하게 해주는 도구들이 많이 존재합니다.

• Node & NPM : 리액트 네이티브로 앱 개발한다는 것은,
  Node.js로 자바스크립트 개발 환경을 구축하고,
  NPM으로 필요한 자바스크립트 앱 개발 도구들을 가져와 사용하는 모습

◎ Expo를 이용해 앱개발 시작하기

• 윈도우 기준으로 cmd 창에 입력
• yarn: 가볍고 빠르게 자바스크립트 패키지를 관리 할 수 있게 해주는 자바스크립트 패키지 매니저 툴

//도구를 가져와 설치하는 npm 의 설치 명령어 install과
//컴퓨터 어디서든 설치하고 있는 도구를 사용할 수 있게 해주는 -g 옵션 명령어
npm install -g yarn
//설치가 완료된다음
yarn -v

• Expo에 가입후,

npm install -g expo-cli


expo login --username "Expo 사이트 가입당시 입력한 name"
...
expo 패스워드 입력란이 차례로 나오고, 차례대로 입력하면 로그인 성공!

• 특정 폴더 선택 후, VSCode cmd에 입력

// 앱이름은 폴더 이름과 같도록 하자. //프로젝트 생성
expo init 앱이름
//blank 선택

// expo 시작하기
expo start

• 이후 핸드폰 어플에 expo를 깔아서 QR코드로 연결