React Native 에서 Expo 설치방법

• 안드로이드 앱개발 필수 프로그램 설치
• React Native 에서 Expo 설치방법
• React Native 첫번째 프로그래밍
• React Native 앱 화면을 구성하는 문법들
• React Native 버튼의 선언 방법 및 버튼의 종류
• React Native 이미지 불러오는 2가지방법 (내부,외부)
• React Native 화면 출력을 제어하는 StyleSheet 정복하기

 

지난번 포스팅에서 필수 프로그램 설치를 완료했다면

본격적으로 프로그래밍 하기에 앞서 Expo를 설치해야 합니다.

그러면 Expo가 무엇인가 궁금해 하시는 분들이 계실텐데

 

본래 안드로이드는 JAVA나 KOTLIN을 공부해야하고

아이폰 프로그래밍은 SWIFT를 공부해야하지만

EXPO를 사용하므로써 배포시 두가지 운영체제에 모두 배포를 할 수 있게 됩니다.

한가지만 공부해도 된다는 이야기 입니다.

 

EXPO 설치

 

안드로이드폰 클라이언트

https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www 

Expo - Google Play 앱

아이폰 클라이언트

https://apps.apple.com/app/apple-store/id982107779

‎Expo Go

 

이 역시 잘 모르셔도 그냥 따라하시면 됩니다

단지 프로그래밍 환경을 구축하는 과정이라고 보시면 됩니다.

 

그 후 명령프롬프트 창을 실행 시키고

다음을 입력합니다.

 

npm install -g yarn

 

입력하고 엔터를 입력하기전에

쉬프트를 반드시 누르고 엔터를 같이 눌러줍니다.

관리자 권한으로 설치한다고 생각하시면 됩니다.

(※ Shift + Enter ※)

 

 

yarn  이 설치 되었다면 

다음은 엑스포를 설치해야 합니다.

명령프롬프트 창에 다음을 입력합니다.

 

npm install -g expo-cli

 

마찬가지로 Shift+Enter 을 눌러 설치합니다.

 

Expo 설치가 완료된 모습입니다.

 

추후에 앱 개발을 완료해서 배포나 관리가 모두 expo에서 이루어 지기 때문에 

Expo 가입은 필수입니다.

 

 

Expo 가입 링크

https://expo.io/signup

Sign Up — Expo

 

 

가입 후 명령 프롬프트 창에서 로그인을 완료해야 합니다.

다음을 입력

 

expo login

 

아이디와 비밀번호를 입력하고 로그인하면 완료입니다.