[expo] 프로젝트 시작하기 , 앱 설치하여 qr연결해서 확인하기

https://www.hanl.tech/blog/native-vs-hybrid-vs-pwa/

네이티브 앱(Native App) vs 하이브리드 앱(Hybrid App) vs 프로그레시브 웹 앱(PWA) - 정의와 장단점 | 하

 

안드로이드앱과 ios앱으로 나눠지는데, 

언어가 달라서 호환이 되지 않아 같이 만들 수는 없다.

 

안드로이드는 예전에는 자바를 많이 사용했는데, 현재는 코틀린을 주로 사용한다고 한다. 

 

IOS는 주로 스위프트라는 언어를 사용해 제작한다고 함

 

하지만 크로스 플랫폼을 사용하여 한 번 개발로 둘 다 사용이 가능하게끔 하는 하이브리드앱이 나왔다. 

 

대표적인 크로스 플랫폼은 아래와 같음

<React Native , 플러터>

 

그 중 React Native 는 배웠던 React와 거진 동일하기 때문에

 

따로 언어를 배우지 않아도 된다. 

 

하지만 React Native로 ios 앱을 만들기 위해서는 맥북이 있어야한다. 

 

 

---

 

 

 

 

c드라이브에 expo 폴더 생성 후 바탕화면에 바로가기 만든다.

 

 

 

 

https://docs.expo.dev/get-started/create-a-project/

Create a project

 

expo 라이브러리를 사용하여 더 편하게 만들 수 있다고 함 

 

 

 

expo 폴더를 git bash로 오픈하여 그대로 입력한다. 

 

 

 

 

 

처음에 code로 열면 아래와 같이 구성되어 있는 것을 확인할 수 있다. 

 

 

 

rpm run start 하면 qr코드가 생성된다. 

 

 

 

그 전에 아래의 확장 프로그램을 설치한다. 

 

 

 

 

expo에 가입을 한다. 

https://expo.dev/accounts/jonniex

Expo

 

=

 

 

 

 

구글 앱스토어에서 expo 설치한다. 

 

실행해서  qr인증 하면 

 

qr인증할 때 인터넷 동일한거 사용해야함(와이파이)

 

흰 배경에 문구가 출력된다. 

 

App.js에서 수정하면 해당 문구가 앱에서 확인된다. 

 

 

 

터미널에서 r을 누르면 앱을 리스타트 할 수 있다. 

 

 

스마트폰으로 연결해서 확인하거나 안드로이드 에뮬레이터를 컴퓨터에 설치하여 

확인할 수 있다. 

하지만 안드로이드 에뮬레이터는 사양이 안좋으면 많이 느려서 

스마트폰으로 하면 더 빨라서 스마트폰으로 진행함.