Expo로 React Native 앱 시작하기: 간단 가이드

1. Expo란 무엇인가요?

Expo는 React Native 앱을 쉽게 개발할 수 있도록 도와주는 프레임워크입니다. Expo를 사용하면 iOS와 Android 앱을 한 번에 개발할 수 있고, 복잡한 네이티브 설정 없이 빠르게 시작할 수 있습니다.

---

2. Expo 설치 및 프로젝트 생성

1) Node.js 설치

Expo를 사용하려면 먼저 Node.js와 npm(Node Package Manager)이 필요합니다. Node.js를 설치하면 npm이 자동으로 포함됩니다.

2) Expo CLI 설치

터미널(또는 명령 프롬프트)을 열고 Expo CLI를 설치합니다:

 

npm install -g expo-cli

3) 새로운 프로젝트 생성

Expo CLI를 사용해 프로젝트를 생성합니다:

npx create-expo-app MyFirstApp

 

MyFirstApp은 프로젝트 이름입니다. 실행 중간에 템플릿을 선택하라는 질문이 나타납니다:

---

3. 프로젝트 실행

1) 디렉토리 이동

 

cd MyFirstApp

2) Expo 개발 서버 실행

 

npx expo start

 

3) 에뮬레이터 또는 브라우저에서 실행

• Android 에뮬레이터:
  • a 키를 눌러 에뮬레이터에서 앱을 실행합니다.
  • 저는 안드로이드 에뮬이 이미 있어서 안드로이드 에뮬로 설치했습니다 .

---

4. 기본 파일 구조

 

기본 구조는 이렇게 되어 있습니다 .

일단 중요한 React-native CLI 와는 좀 다르게 index.js 랑 app.js가 없죠?

EXPO는 

app/taps/index.tsx 

여기서 이 index.tsx가 진입점입니다.

---

5. Expo Go 앱 설치

Expo Go 앱을 사용하면 iOS 또는 Android 기기에서 개발 중인 앱을 바로 테스트할 수 있습니다:

• Android: Google Play Store에서 다운로드
• iOS: App Store에서 다운로드

---

6. Expo의 장점

• 빠른 시작: 네이티브 설정 없이 개발 가능.
• 다양한 기능: 카메라, 센서, 지도 등 많은 네이티브 API 지원.
• 다중 플랫폼 지원: iOS, Android, Web을 동시에 지원.

---

마치며

이 글에서는 Expo를 사용해 React Native 프로젝트를 시작하는 방법을 간단히 소개했습니다. Expo는 React Native를 처음 접하는 개발자에게 최적의 선택입니다. 지금 바로 시작해서 모바일 앱 개발의 첫 걸음을 내딛어 보세요!