Expo는 리액트 네이티브 애플리케이션을 더 쉽게 만들 수 있도록 도와주는 프레임워크입니다. 이번에는 Mac에서 Expo 개발 환경을 설정하는 방법에 대해 알아보겠습니다.
1. Node.js 설치
Expo 개발을 위해서는 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Mac OS 버전에 맞는 버전을 다운로드하고 설치하십시오.
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. Expo CLI 설치
Expo CLI를 설치하려면 터미널에서 다음 명령을 실행하십시오.
npm install -g expo-cli이 명령을 실행하면 Expo CLI가 설치됩니다.
3. Xcode 설치
Expo를 사용하려면 Xcode를 설치해야 합니다. Xcode는 Mac에서 iOS 앱을 개발하는 데 필요한 Apple의 공식 IDE입니다. Mac App Store에서 Xcode를 찾아 설치하십시오.
Xcode
Xcode includes everything developers need to create great applications for Mac, iPhone, iPad, Apple TV, and Apple Watch. Xcode provides developers a unified workflow for user interface design, coding, testing, and debugging. The Xcode IDE combined with
apps.apple.com
4. Android Studio 설치 (선택사항)
Expo로 안드로이드 앱을 만들려면 Android Studio를 설치해야 합니다. Android Studio는 Google에서 제공하는 안드로이드 앱 개발 도구입니다. 공식 웹사이트에서 Android Studio를 다운로드하고 설치하십시오.
Download Android Studio & App Tools - Android Developers
Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.
developer.android.com
5. Expo 프로젝트 생성
터미널에서 Expo 프로젝트를 생성하려면 다음 명령을 실행하십시오.
expo init my-project위 명령을 실행하면 my-project라는 새로운 Expo 프로젝트가 생성됩니다. 프로젝트 생성 시에는 몇 가지 설정을 선택해야 합니다.
6. Expo 프로젝트 실행
Expo 프로젝트를 실행하려면 터미널에서 프로젝트 디렉토리로 이동한 다음 다음 명령을 실행하십시오.
cd my-project
expo start위 명령을 실행하면 Expo 개발 서버가 시작됩니다. Expo 앱을 사용하여 앱을 실행하려면 iOS 또는 Android 기기가 필요합니다. iOS 기기의 경우, Expo 앱을 App Store에서 다운로드하고, Android 기기의 경우, Google Play 스토어에서 Expo 앱을 다운로드하십시오. Expo 앱을 설치한 후, 앱을 실행하고 QR 코드를 스캔하여 Expo 개발 서버에 연결하십시오.
이제 Mac에서 Expo 개발 환경을 설정하는 방법에 대해 알아보았습니다.
Expo로 새로운 앱을 만들어보세요.
댓글