Expo 프로젝트 만들기

목차

 

저번 포스트에서 정의만 해놓고 만드는 방법은 안해놨구만...

사전설치 프로그램

Installation - Expo Documentation

Expo를 설치하는덴 문제없느데

실행하기위해서는 다음과 같은 프로그램이 필요하다

• Node.js
• Git
• Watchman

다행히 블로그에 다 써놨다..ㅎ

Nodejs로 서버만들기

GitHub 사용법

마지막으로 Watchman은 mac os 사용자만 필요한 프로그램이다.

Mac에서 Expo 실행이 안될때

Expo 프로젝트 만들기

먼저 Expo 설치를 위해 터미널에서 다음을 타이핑한다.

npm install --global expo-cli

다음 터미널에서 해당 명령어를 입력한다.

expo init my-project

expo init 프로젝트(작업 폴더) 이름

해당 영령 어를 입력할 시,

이렇게 프로젝트 구성을 물어보는데,

blank는 비어 있는 component를 제공한다. 즉 빈 화면으로 시작한다.

blank (TypeScript)는 blank와 같은 화면을 제공하지만, TypeScript를 운용하는 프로젝트를 생성해준다.

tabs (TypeScript)는 설명을 보면 몇 개의 샘플 화면 코드를 제공해준 다한다. TypeScript도 적혀있으니 TypeScript도 포함이다.

등등 여러 가지 뭐 있지만

 

이 글을 참고 삼을 정도로 expo가 익숙하지 않다면

그냥 blank를 선택하고 enter를 입력해주면 된다.

빌드

실행하는 방법은 터미널에 npm start또는 expo start라고 입력하면 된다.

그럼 이렇게 브라우저로 새창이 뜨게 된다.

구현

컴퓨터의 시뮬레이터나 브라우저로 구현시키려면

브라우저 좌측의 Run 시리즈 르 누르면 된다.

 

모바일 기기로 직접 돌려보려면,

안드로이드는 여기

Expo Go - Google Play 앱

ios 계열은 여기서 다운 후

‎Expo Go

 

프로그램을 실행시키고,

Scan QR Code를 누른 다음 브라우저의 QR코드를 스캔하면 된다.

끝