Expo란?
리액트 네이티브 앱을 만들기 위한 설정파일을 간단하게 설정해주는 프로그램
Expo 특징
안드로이드, ios 앱을 윈도우, 맥, 리눅스에서 만들 수 있게 해준다.
리액트 네이티브 앱을 만드는데 좋은 라이브러리가 있다. ( EXPO SDK )
만든 리액트 네이티브 앱을 휴대폰으로 직접 테스트 해볼 수 있다 ( 앱스토어 업로드 필요없음 )
Expo 종류
관리 방식 ( managed workflow ) - 엑스포가 모든것을 관리하는 방식
베어 방식 ( bare workflow ) - react-native-unimodules 패키지만 사용하는 방식
웹 방식 - react native를 웹에서 동작하도록 하는 방식
Expo 설치
// 모든 폴더에서 expo-cli 접속가능하도록 설치
npm install --global expo-cli
Expo 프로젝트 만들기
// 현재 폴더 내부에 프로젝트명으로 된 expo 프로젝트 폴더 생성
// 타입스크립트
npx create-expo-app -t expo-template-blank-typescript
expo init <프로젝트명>
--- Managed workflow ( 기본 ) ---
blank : 빈 프로젝트 생성
blank ( Typescript ) : 타입스크립트를 사용한 빈 프로젝트 생성
tabs ( Typescript ) : 타입스크립트를 사용한 tabs 앱 생성
--- Bare workflow ( 확장 ) ---
minimal : 빈 프로젝트 생성
Expo에서 패키지 설치시 팁
expo 패키지와 호환되는 react native 패키지를 설치해야만 한다.
expo install을 사용해, 패키지가 현재 expo에서 사용가능한지 체크하고, 설치해준다.
expo install [패키지명]
Error starting tunnel failed to start tunnel
터널을 시작할 수 없다.
작성자의 경우, 방화벽이 터널 시작을 차단해서 발생했다.
방화벽을 해제 해주자.
반응형
