Expo 설치 프로젝트 생성 후 npm 실행해 QR 코드로 나의 첫 앱 접속

JavaScript 런타임, Node.js 설치 및 Shell 종류 비교

 

이전 시간에 Node.js를 설치했다면,

 

 

cmd로 들어가 이번엔 Expo를 설치

npm install -g expo

라고 명령어를 치면 우르르~ 설치

 

-g : global 전역 설치

터미널 경로 어디서든 실행 가능

 

최근 expo-cli 대신 expo 패키지를

쓰는게 공식 권장 방식

 

 

expo --version

으로 버젼 확인도 이상 無

 

 

이번엔 새 프로젝트를 만들어봅시다.

npx create-expo-app Sdobby_App

맨 뒤에 앱 이름은 자기가 원하는

이름으로 입력하면 됩니다.

 

 

처음 만들때는 위와 같은 문구가 떠서

y 눌러서 진행해주면 됩니다.

그 뒤로는 안뜨네요.

 

 

위 설치 후엔, 이렇게 파일 탐색기로

들어가보면 폴더가 하나 생겼습니다.

처음하는거라 신기하네요~

 

 

이제 만들어진 Sdobby_App 폴더로

cd Sdobby_App

들어가서, npm을 실행

npm start

하면....!!!!!

QR이 하나 만들어집니다.

(일단 도비 사진으로 가렸습니다.)

 

 

이제 휴대폰을 꺼내들고,,

안드로이드라면 플레이스토어에서

Expo Go를 설치!!

로그인은 따로 필요없었고

Scan QR code 눌러

아까 그 생성된 QR을 찍으니!!

Welcome!!

뭔가 제 앱이 만들어진 것 같습니다.

두근두근..!!

 

🍪🍪🍪

 

React Native 앱 개발을 하려면

flutter에서 했던 것처럼 Android Studio

Xcode 등을 해야하는데,,

전에 안드로이드 스튜디오에서

가상 환경 만들어서 뭐 하다가

컴퓨터가 노후화된건지, 뭘 잘못한건지

진행이 안되서 접었었죠...

 

근데 이런걸 대신해 아주 간단하게

앱을 만들고 실행할 수 있게 한게

바로 오늘한 Expo 도구모음

👏👏👏

 

CLI는 들어가려다 말았었는데

Command Line Interface로

터미널에 치는 명령어들이 다

CLI라는데,, 뭔 소린지

안쓰는게 공식 권장 방식이라는게

다행이네요~

 

근데, 편한건 언제나 제약이 따른다고..

나중에 고급 버전에서 자유도를 높히려면

안드로이드 스튜디오는 피할 수가..

없나봅니다..ㅠ