Dev JS Blog

Expo Android App 만들기 -1 본문

IT

Expo Android App 만들기 -1

Dev JS 2023. 6. 7. 20:00
728x90

처음 시작에는 Node.js 가 필수로 필요하다.
(뇌피셜) Node 16 이 대중적인 버전으로 생각되어 Node 16 으로 진행한다.

https://nodejs.org/ko

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

설치가 완료되면 터미널에 node 버전이 확인 된다면 설치 완료.

node 가 설치가 완료되면 npm 이란걸 쓸수가 있다.

npm이란 노드 패키지 매니저 라는 놈인데 명령어로 손쉽게 원하는 패키지를 다운받을 수 있게 해준다 생각하면된다.

npm install -g expo-cli

를 하면 내 PC에 expo가 설치가 된다.

그 후 터미널에서 프로젝트를 생성할 workspace 폴더로 이동해서

npx create-expo-app 앱이름

 

이 후 이 폴더를 개발툴(Visual Basic, Intellij)로 열어준다.

 터미널에서 npm start or yarn start 를 해주면 앱이 실행된다.

구글 스토어에서 핸드폰에 expo 앱을 설치 후
expo 앱으로 qr코드를 찍어서 앱을 실행시키면 app.js의 화면이 나오게 된다. (같은 와이파이여야한다.)
app.js의 문구를 수정하면 바로 반영이 되는걸 볼 수 있다.

가상으로도 pc에서 할 수도 있는데 그건 또 SDK도 깔아야하고 귀찮기도 하고
나는 실제 폰으로 보고 확인하는게 좋아서 이렇게 한다.

오랜만에 간단한 앱을 하나 만들어 볼까 싶어서 
로또 앱이나 하나 만들어서 배포를 해나가는 과정을 기록해보려 한다.

앱개발자가 아닌 나로선 간단한 앱도 시간이 꽤나 걸리기 때문에..
이것도 하나만 만들고 끝낼 가능성이 높지만 일단은 오랜만에 재밌을거 같다.

+ Expo 로 만드는 앱 개발은 이처럼 간단하게 시작할 수 있고 쉽게 만들수 있다.
단점은 앱을 고도화해나갈때 몇몇 기능들이 지원이 안된다거나(?)
활용하기 어려워진다고 하는데 (이 때문에 Expo로 개발을 안하려했으나..)
그렇게 기능이 많은 앱을 만들지 않을꺼라면 Expo로 간단한 앱을 만들기엔 좋은거 같다.
그리고 React native라 앱 네이티브 언어 지식이 없더라도 React 를 해본 사람이라면 앱개발의 진입장벽도
낮아지기 때문에 좋은거 같다.

728x90
Comments