앱개발 강의 2주차 Note - (1) 리액트 네이티브 앱 개발 시작

앱개발 2주차 - 본격 리액트 네이티브 앱 개발 시작!

 

태그를 통해 화면을 그려나갈 예정. 1주차때 배운 자바스크립트도 쓴다.

 

 

[앱 개발 준비] 리액트 네이티브 & Expo

 

React + Native

리액트는 페북에서 만든 프론트 개발 기술

 

그런데 자바스크립트로만 만들다 보면, Push 알림이나, SNS 로그인 등을 구현할 때

안드로이드와 iOS코드들도 알아야하는 상황이 발생한다.

그걸 도와주는게 Expo.

 

Expo 클라이언트 앱

스토어를 가면 여기서 만든 앱을 다운로드할 수가 있다.

앱개발 중에 바로바로 확인하고 싶을 때가 있을 것.

기존 앱개발은 컴퓨터에 시뮬레이터를 설치해서 본다던가, 폰을 컴퓨터에 연결해서 확인해야한다.

근데 이 앱을 쓰면, Expo 서버를 킨다. 카메라로 QR코드 찍어서 확인 가능.

 

[설치하기] - Node와 NPM 설치

자바스크립트로 만든 도구들을 쉽게 가져와서 쓸 수 있다.

도구를 가지고 오려고 하는 상황인데 또다른 도구가 필요하다.

그 도구가 Node.js와 NPM이다.

Node.js로 자바스크립트 개발환경 구축,

NPM으로 필요한 자바스크립트 앱 개발 도구를 가져온다

 

NPM도구로 더 효율적인 도구 Yarn를 쓴다. NPM을 통해 Yarn을 설치하기.

 

cmd창에서 npm install -g yarn

-g의 의미는 모든 컴퓨터에 설치. (전역적)

 

Expo는 NPM 도구로 쓴다.

npm install -g expo-cli

 

Expo가 기본적으로 할 수 있는건?

프로젝트 생성, 실행, 빌드 등 기능 사용

안드로이드, iOS 앱 마켓에도 배포 가능하다.

 

Expo를 가입해야한다.

https://expo.io/signup

 

그 후, 로컬에 Expo 계정 세팅해야한다.

(팁 : cmd창 클리어 : cls)

 

expo login --username "계정명"

비번치면 들어감