[스터디 - 리액트 네이티브] 2주차 - expo cli 프로젝트 만들기

1주차 내용에서 react-native cli를 활용하여 리액트 네이티브를 사용하는 방법을 알아보았습니다. Node JS가 설치가 되어있다면 yarn 이라는 패키지 관리 툴을 사용해서 expo cli를 설치하여 react-native cli 보다 훨씬 더 쉽게 프로젝트를 생성할 수 있습니다.

 

하지만 TDD 방법론을 사용하여 개발을 하려면 아직까지는 react-native cli 를 사용하는 것 같습니다.

 

TDD 개발 방법론을 활용한 React Native 앱 개발 - 인프런 | 강의

 

 

 

expo-cli 설치하기

yarn global add expo-cli 명령어를 통해서 expo-cli를 설치해줍니다.

 

yarn global add expo-cli

 

 

 

 

프로젝트 생성하기

설치가 완료되었다면, 다음과 같이 실행할 수 있습니다.

 

expo init [프로젝트이름]

 

템플릿을 선택하는 화면이 나오는데, typescript 를 사용하는 것이 아니라면 맨 위에 있는 blank 프로젝트를 선택 후 엔터를 눌러줍니다.

 

 

이제 프로젝트 설치가 완료되면서 다음과 같이 사용할 수 있는 명령어들이 나타납니다. 안드로이드 폰이나 ios 폰을 이용하여 빌드를 하기 위해서는 yarn android / yarn ios 와 같은 명령어를 사용할 수 있습니다.

 

일반적으로는 yarn start 명령어를 사용하여 프로젝트를 실행합니다.

 

 

 

 

프로젝트 실행하기

우선 생성된 프로젝트 경로로 이동합니다.

 

cd [프로젝트이름]

 

이어서 프로젝트 실행 명령어를 입력해줍니다.

 

yarn start

 

그러면 다음과 같은 화면을 확인할 수 있습니다. 왼쪽에 있는 메뉴를 통해서 에뮬레이터 / 시뮬레이터 / 웹 브라우저 를 선택하여 실행해볼 수 있습니다.

 

- Run on Android device/emulator (Android)

- Run on iOS simulator (iOS)

- Run in web browser (Web)

 

저는 단말기로 직접 테스트하기 전에 우선은 PC에서 바로바로 화면을 확인 하는 것을 좋아하기 때문에 Web 으로 실행해서 작업을 하는 편입니다.