[React Native] 시작하기 Part.1 for Android

이전 글에서 환경 설정을 모두 마쳤다면, 이제 React Native App을 생성 후 실행해보겠습니다.

 

환경 설정을 하지 않으신 분이라면 이전 글을 보고 환경 설정을 진행해주세요.

frontmulti.tistory.com/61

React Native 개발 환경 설정 for Mac

 

1. React Native App을 아래 명령어를 실행하여 생성합니다.

npx react-native init [Project Name]

npx react-native init 명령어 실행

React Native App 생성 성공

 

2. React Native App 실행하기.

아래 명령어는 React Native의 서버를 실행하는 명령어입니다.

React Native의 서버만 실행헀을 경우는 디바이스에서 앱 화면을 볼 수 없기 때문에, 아래 3번 항목과 같이 Android 또는 iOS에서 앱을 실행시킵니다.

그 후에 해당 창을 통해 React Native App의 상태 및 Console로그 등을 확인할 수 있습니다.

npx react-native start

 

3. Android 또는 iOS에서 React Native App 실행하기.

아래 명령어를 실행하면 AVD(Android Virtual Device) 또는 실제 디바이스에서 해당 앱이 실행되게 됩니다.

AVD의 경우 안드로이드 에뮬레이터로 컴퓨터에서 안드로이드 OS를 실행하여 앱을 테스트할 수 있습니다.

npx react-native run-android

위 명령어를 실행하면, React Native 서버가 실행되고 AVD가 실행되어 React Native App이 실행되게 됩니다.

React Native 서버 실행

AVD(Android Virtual Device) 실행 화면

React Native App 실행 화면

 

React Native App 생성해보았습니다.

iOS에서 실행하는 법은 다음 글에서 다뤄보겠습니다.