반응형

Expo.io 란?

 

공식홈페이지에서는 아래와 같이 나와있네요

 

Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase.

 

Expo

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

expo.io

다음과 같이 설명이 되어있는데, 한글로 풀자면, 

 

JavaScript/TypeScript 코드베이스로 하나만 짜놓으면, iOS, Android, Wep App 모두 만들 수 있는 그런 환경을 제공해주는 플랫폼입니다.

 

웹페이지로 서비스를 하고 있어, 접근성이 좋습니다.

 

 

전체적인 사용법은 크게 2파트로 나뉩니다.

 

1. 웹페이지에서 코드를 짠다.(개발, 빌드, 배포까지 해줍니다.)

2. 모바일에서 빌드된 프로그램을 사용해본다.

 

 

 

 

1번째, 웹페이지에 들어가셨으면, 회원가입을 해주시고,

 

우측 상단에 Snack 버튼을 누르면 나오는 창

 

Snack 을 누른 후에 우층 하단에 "Create a new Snack" 버튼을 눌러서 코드를 개발해주시면 됩니다.

 

코드 개발하면서 중간중간에 확인해보고 싶으실 때는,

 

물론 옆에 있는 애뮬레이터에서 바로바로 확인을 할 수 있습니다.

우측 상단에 Run 버튼을 눌러주시고,

 

QR 코드를 눌러주시고,

모바일 expo 어플을 받으신 후에 해당 QR 코드를 찍어주시면 됩니다.

 

여기서 2번째 모바일로 프로그램을 사용하기 위해서는 

 

'Expo' 확인 - https://play.google.com/store/apps/details?id=host.exp.exponent

 

Expo - Google Play 앱

Start building rich experiences with just your Android device and your computer. Expo is a developer tool for creating experiences with interactive gestures and graphics, using JavaScript and React Native. To learn more visit https://expo.io. Some programm

play.google.com

모바일에서 PlayStore 들어가셔서 다운로드 받으셔야 합니다.

 

 

 

모바일에서 저장 받은 후에 웹페이지에서 QR 코드를 입력받아서 사용하시면 됩니다.

반응형

'IT' 카테고리의 다른 글

os, readonly 파일 수정방법(feat, sudoers 수정)  (0) 2020.04.20
이맥스 자동완성 기능 설치  (0) 2020.04.20
MacBook에 VM 설치  (0) 2020.04.14
이맥스 사용법  (0) 2020.04.09
angular 4200 포트 강제 종료  (0) 2020.04.09

+ Recent posts