[React Native] Expo 이용해서 프로젝트 만들기

리엑트 네이티브를 이용해서 앱을 만들어볼 예정이다. 공부를 하면서 만들 예정이므로 잘 모르는 부분과 헤매는 부분들이 많을 것을 예상된다. 그럼에도 불구하고 블로그를 남기는 이유는 내가 헤매는 부분들은 다른 사람들도 겪을 수 있는 일들이기 때문에 기록하기 위함이다.

 

이번 포스팅에서는 Expo 를 이용해서 리엑트 네이티브 앱을 간단하게 설치해보고 프로젝트를 생성하려 한다.

---

Expo 란 무엇인가

Expo는 IOS, Android 애플리케이션을 더 쉽게 구현하고 실행할 수 있도록 하는 오픈소스 프레임워크다. 리액트 네이티브를 이용해서 만들 수도 있지만 엑스포 앱을 통해서 더 쉽게 할 수 있는 일들이 많다.

 

Expo 사이트: https://docs.expo.dev

---

Expo를 이용해서 React Native 프로젝트 만들기

리액트 네이티브를 Expo 프레임워크를 이용해서 만들어 볼 예정이다. 가장 먼저 프로젝트를 생성하는 방법이다. Expo 사이트에도 나와 있듯이 명령어 하나로 프로젝트를 생성할 수 있다.

$ expo init [프로젝트 이름]

실행하며 아래와 같은 선택사항이 나타난다.

옵션들을 선택해서 만들 수 있지만 일단 blank 를 이용해서 만들어 보도록 하자. 선택이 완료되면 여러가지 모듈을 다운로드 하고 완료되면 실행 하는 방법이 나타난다.

새로 만든 프로젝트로 이동해서 프로젝트를 열어본다. 나는 Visual Studio Code 를 이용해서 진행할 예정이며 IntelliJ 를 사용하는 사람들은 그것으로 해도 무방하다. 

---

Expo 실행하는 방법

프로제트를 열면 기본적인 코드가 들어가 있기 때문에 단순히 실해만 해보면 된다. 실행해보는 명령어는 이렇게 입력한다.

$ expo start

실행하면 위 그림과 같이 다시 여러가지 옵션이 등장한다. 아이폰이 익숙하다보니 i 버튼을 클릭해서 ios 애뮬레이터를 실행해준다. 만약 안드로이를 실행하고 싶다면 a 를 눌러서 실행하면 된다.

 

 

아주 손쉽게 프로젝트를 만들고 앱을 실행했다. 이게 개발만 하면 되는 것인가.

---

리액트 네이티브는 리액트의 컴포넌트들도 동일하게 사용이 가능하기 때문에 리액트를 조금 알고 있다면 더 손쉽게 개발이 가능하다. 앞으로 알아가는 부분들과 막히는 부분들은 기록하며 나의 흔적을 남겨보려 한다.