먹고놀고생각하고

이전에는 Local Development Tool  인 expo XDE를 사용했었으나, 

최근 v30.0 부터는 expo XDE 지원이 중단되고 expo CLI 를 사용하라고 되어 있다.

https://expo.io/tools

위 명령어로 설치 가능하다.

(GUI tool 에서 cmd line 만 지원하도록 변경되다니 초심자는 마음이 아프다....)

위의 명령어로 새 프로젝트를 생성해보자.

위와 같이 빈 프로젝트 / react navigation 를 선택할 수 있다.

빈 프로젝트를 선택하고 프로젝트를 생성하면 프로젝트 파일 다운로드가 시작된다. 

이것은 React Native, npm, yarn 등등 여러가지로 build에 필요한 것들이 한 번에 다운이 진행된다.

expo start를 입력하면 폴더를 스캔하고 로딩을 기다리면 프로젝트가 오픈된다.

여기서 두 가지를 확인해 볼 수있다.

첫 번째, 모바일 환경에서 확인하기

두 번째, 시뮬레이터를 사용해서 확인하기

시뮬레이터를 설치하기 귀찮으니 모바일로 확인해 보자.

사용하는 폰에서 expo 앱을 다운하고 QR code 를 스캔하면 자바스크립트를 빌드한다는 메세지를 볼 수 있다.

빈 화면에는 나의 로고를 추가할 수 있다.

첫 번째 빌드는 시간이 조금 소요된다. 이 이후부터는 변경된 Component들을 refresh 하는 것이니 첫 빌드보다는 시간이 덜 걸릴 것이다.

폰에서 빌드된 첫 프로젝트 화면을 확인할 수 있다.

이제 VSC와 프로젝트를 연결해 보자.

[File] - [Open folder] 로 가서 아까 생성한 프로젝트를 연결해주면 됨.

그리고 폰을 흔들어 주면 메뉴가 뜨는데 여기서 Reload나 여러가지를 변경해 줄 수 있다.

여기서 Live Reload 기능은 내가 업데이트를 하면 자동으로 반영해서 리프레시 해주는 것이다.

저장하고 새로고침을 하면 바로!!!!!!!반영된다. 

Hot Reloading 기능은 React Native 의 최고의 기능이라 할 수 있다.

이 기능은 이전 나의 코드를 저장하고 변경된 부분만 골라서 Reloading 하는 것이다.

Live reloading 이 앱 전체를 새로고침했다면, Hot reloading은 전체를 새로고침 하지 않는다.

변경된 그 라인만 새로고침하는 것이다.

이제 코드로 넘어가보자.

"Expo 란"

React Native로 앱을 만드는 것을 도와줍니다. xcode나 Android Studio 를 사용할 필요없이 말이지요.

xcode, Android Studio 없이도, iOS나 Android 를 위한 시뮬레이터를 관리합니다.

expo 가 없었을 때는 React Native로 xcode와 Android Studio 작업을 별도로 해야 했습니다. 

하지만 expo 덕분에 iOS와 Android 작업이 굉장히 편해졌습니다.

또한 expo client를 다운 받아서 손쉽게 앱 테스트까지 가능합니다. 물론 iOS와 Android 둘 다요.

우리가 PC환경에서 개발하고 있는 것을 모바일 환경에서 이 앱을 통해서 테스트 할 수 있어요.

덕분에 xcode, Android Studio, 계정설정 등 귀찮은 과정을 다 생략하고 

메세지보내기, 비디오녹화, 사진찍기 같은 기능을 빠르게 테스트할 수 있어요.

Expo 의 또 다른 장점은 손쉬운 업데이트 입니다.

앱을 publish 하고나서 (code push) , 앱을 업데이트 하고 싶을 때, (Native App-iOS/Android) review process( 유저에게 업데이트를 하게끔 유도하는) 가 상당히 많아요. 하지만 앱을 빌드를 하고, 앱을 릴리즈한 후, 그 수많은 업데이트 승인 프로세스를 스킵하고 내가 원하는 때마다 앱이 스스로 업데이트를 한다면?

앱을 publish 하고 나서 버그를 발견했을 때, 이를 업데이트하기 위해서 앱스토어의 승인을 기다리고 하는 절차가 필요없다는 것입니다.

전체 앱을 앱스토어에 올리는 것이 아니라, 이를 expo client에 push합니다.

그러면 client는 앱을 실행하기 위한 전체 코드를 다운 받아요.

이 말은 내가 코드를 업데이트할 때, 앱을 업데이트하는 것이 아니라, 서버에 있는 코드를 업데이트 한다는 것입니다.

그리고 앱은 실행될 때 마다, 서버에서 새로운 버전의 코드를 다운받는 것입니다.

이 덕분에 애플과 구글플레이의 모든 승인과정을 스킵할 수 있는 것이지요!!!

이를 위해서 expo client를 다운 받으면 됩니다.