이번 글에서는 Expo 설치 방법, App 생성 방법에 대해 알아보도록 하겠습니다. React Native가 생소하신 분들은 아래 문서를 먼저 참고하시길 바랍니다.
React Native 장점, 설치 방법 (npx create-expo-app)
Expo로 애플리케이션을 개발하려면 두 가지 도구가 필요합니다. 프로젝트를 제공하는 Expo CLI라는 명령줄 도구와 Android 및 iOS 플랫폼에서 프로젝트를 여는 Expo Go라는 모바일 클라이언트 앱. 또한 모든 웹 브라우저를 사용하여 웹에서 프로젝트를 실행할 수 있습니다.
Expo CLI
Expo CLI는 개발자와 다른 Expo 도구 간의 기본 인터페이스인 명령줄 도구입니다. 개발 중인 프로젝트 제공, 로그 보기, 에뮬레이터 또는 물리적 장치에서 앱 열기 등과 같은 프로젝트의 개발 수명 주기에서 다양한 작업에 사용할 것입니다.
요구 사항
Expo CLI를 사용하려면 개발자 컴퓨터에 다음 도구가 설치되어 있어야 합니다.
- Node.js LTS 릴리스 – Node.js LTS 릴리스(짝수)만 권장됩니다. Node.js는 공식적으로 “프로덕션 애플리케이션은 활성 LTS 또는 유지 관리 LTS 릴리스만 사용해야 합니다”라고 말합니다.
- Git
- macOS 또는 Linux 사용자: Watchman
권장 도구
- Yarn
- VS 코드 편집기 (Expo 구성 디버깅 및 자동 완성을 위한 VS Code Expo Extension)
Windows 사용자의 경우 PowerShell, WSL을 통한 Bash 또는 VS Code 터미널을 사용하는 것이 좋습니다.
Expo CLI 사용
Node.js 패키지 실행기인 npx를 활용하면 설치 없이 Expo CLI를 사용할 수 있습니다. 예를 들어 Expo CLI에서 사용 가능한 명령 목록을 보려면 개발 머신에서 터미널을 열고 다음 명령을 실행합니다.
npx expo -h
그리고 나서 아래 명령어도 실행해줍니다.
npx expo whoami
이 명령은 컴퓨터에서 현재 인증된 Expo 계정을 확인합니다. Expo 계정에 로그인하지 않았으므로 로그인하지 않음 메시지가 표시됩니다. 시작하는 데 계정이 필요하지 않으며 프로젝트를 계속 진행할 수 있습니다. 그러나 새 Expo 계정을 등록하려면 다음 명령을 실행하여 새 계정을 등록하세요.
npx expo register
이미 Expo 계정이 있는 경우라면, 다음 명령을 실행하여 로그인할 수 있습니다.
npx expo login
Android 및 iOS용 Expo Go 앱
Expo를 시작하고 실행하는 가장 빠른 방법은 Android 또는 iOS 기기에서 Expo Go 클라이언트 앱을 사용하는 것입니다. Expo CLI를 통해 제공되는 앱을 열고 개발할 때 프로젝트를 더 빠르게 실행할 수 있습니다. Android Play Store와 iOS App Store에서 모두 사용할 수 있습니다.
- Android Play 스토어 – Android Lollipop(5) 이상
- iOS 앱 스토어 – iOS 13 이상
설치가 완료된 후 Expo Go 앱을 엽니다. Expo CLI로 계정을 만든 경우 홈 탭의 상단 헤더에 있는 로그인 버튼을 클릭하여 로그인할 수 있습니다. 로그인하면 프로젝트를 개발하는 동안 Expo Go 앱에서 프로젝트를 더 쉽게 열 수 있습니다. 프로젝트는 앱의 홈 탭에 있는 프로젝트 섹션 아래에 자동으로 나타납니다.
경우에 따라 별도의 물리적 장치가 아닌 컴퓨터에서 직접 앱을 실행하는 것이 유용할 수 있습니다. 이를 설정하려면 Android 에뮬레이터 설치 및 iOS 시뮬레이터(macOS만 해당) 설치에 대해 자세히 알아볼 수 있습니다.