반응형
React Native 윈도우 컴퓨터 세팅 가이드 (Expo 사용)
리액트 네이티브는 크로스 플랫폼 앱을 개발할 수 있는 강력한 도구입니다.
윈도우에서 Expo를 사용하여 빠르고 간편하게 리액트 네이티브 환경을 설정할 수 있습니다.
1. Node.js 설치
React Native는 Node.js를 필요로 합니다. 다음 단계를 따라 설치하세요:
- Node.js 공식 웹사이트에 방문합니다.
- LTS(Long Term Support) 버전을 다운로드하고 설치합니다.
- 설치 후, 터미널이나 명령 프롬프트를 열어 다음 명령어로 Node.js와 npm이 설치되었는지 확인합니다
node -v
npm -v
2. Expo CLI 설치
Expo CLI는 리액트 네이티브 앱 개발을 간소화하는 도구입니다. 다음 단계를 따라 설치하세요:
1. 명령 프롬프트에서 다음 명령어를 입력하여 Expo CLI를 설치합니다.
npm install -g expo-cli2. 설치가 완료되면 Expo CLI가 올바르게 설치되었는지 확인합니다
expo --version
3. 새 프로젝트 생성
이제 새로운 Expo 프로젝트를 생성해봅시다.
- 명령 프롬프트에서 프로젝트를 생성할 디렉터리로 이동합니다.
- 다음 명령어를 실행하여 새로운 프로젝트를 생성합니다.
expo init my-new-project
3. 생성된 프로젝트 디렉터리로 이동합니다:
cd my-new-project
4. 플랫폼 빌드하기
Expo 개발 서버를 시작하려면 다음 명령어를 실행합니다.
expo start
이 명령어를 실행하면 터미널에 QR 코드가 표시되며, Expo Go 앱(모바일 앱)을 통해 프로젝트를 실행할 수 있습니다.
5. Expo Go 앱 설치 및 테스트
- 모바일 기기에 Expo Go 앱을 설치합니다:
- iOS 앱스토어 또는 Android 플레이스토어에서 다운로드 가능.
- 앱을 열고 QR 코드를 스캔하여 프로젝트를 실행합니다.
6. 에뮬레이터(선택 사항)
에뮬레이터를 사용하려면 다음을 설치하세요:
- 안드로이드 에뮬레이터:
- Android Studio를 설치합니다.
- 설치 후, AVD(Android Virtual Device)를 설정합니다.
Expo CLI가 Android 에뮬레이터를 자동으로 감지하며, expo start 후 터미널에서 'a'를 눌러 실행할 수 있습니다.
추가 사항
이제 윈도우에서 Expo와 함께 리액트 네이티브 개발을 시작할 준비가 되었습니다. 코드를 작성하고 즉시 앱에서 결과를 확인하며 효율적으로 작업할 수 있습니다.
추가적으로 문제가 발생하거나 디버깅이 필요할 경우, Expo 공식 문서(Expo Docs)를 참조하세요.
반응형