사전준비

• 안드로이드 스튜디오
• 안드로이드 디바이스 (스마트폰)
• React Native 프로젝트

참고 사이트 : https://facebook.github.io/react-native/docs/running-on-device

1. 안드로이드 디바이스(스마트폰) 설정

1) 설정 > 디바이스 정보 > 빌드번호

빌드번호를 여러번 터치하면 개발자 모드가 실행됩니다.

2) 설정 > 개발자옵션 > USB 디버깅

USB 디버깅 기능 활성화를 해줍니다. (해당 PC와 연결하여 디버깅 허용)

2 USB를 통해 장치를 연결

React Native 프로젝트를 실행하도록 Android 장치를 설정하겠습니다. USB를 통해 개발 기기에 장치를 연결하십시오.

adb 장치를 실행하여 장치가 Android 디버그 브리지인 ADB에 올바르게 연결되어 있는지 확인하십시오.

$ adb devices List of devices attached emulator-5554 offline # Google emulator 14ed2fcc device # Physical device (연결한 스마트폰) 

오른쪽 열에 장치가 표시되면 장치가 연결된 것입니다. 한 번에 하나의 장치만 연결해야 합니다.

3. 앱 실행 

명령 프롬프트에 다음을 입력하여 장치에 앱을 설치하고 시작하십시오.

$ npx react-native run-android 

React Native CLI를 사용하여 릴리스 빌드를 생성하고 실행할 수도 있습니다 (예 : npx react-native run-android --variant = release).

개발 서버에 연결 

개발 머신에서 실행 중인 개발 서버에 연결하여 디바이스에서 빠르게 반복 할 수도 있습니다. USB 케이블 또는 Wi-Fi 네트워크에 액세스 할 수 있는지 여부에 따라 여러 가지 방법으로 이 작업을 수행 할 수 있습니다.

방법 1 : adb 역방향 사용 (권장) 

디바이스에서 Android 5.0 (Lollipop) 이상을 실행 중이고 USB 디버깅이 사용 가능하며 USB를 통해 개발 시스템에 연결된 경우 이 방법을 사용할 수 있습니다.

명령 프롬프트에서 다음을 실행하십시오.

$ adb -s <device name> reverse tcp:8081 tcp:8081 

장치 이름을 찾으려면 다음 adb 명령을 실행하십시오.

$ adb devices

이제 개발자 메뉴에서 라이브 리로딩을 활성화 할 수 있습니다. JavaScript 코드가 변경 될 때마다 앱이 다시 로드됩니다.

방법 2 : Wi-Fi를 통해 연결 

Wi-Fi를 통해 개발 서버에 연결할 수도 있습니다. 먼저 USB 케이블을 사용하여 기기에 앱을 설치해야 하지만 일단 완료되면 다음 지침에 따라 무선으로 디버깅 할 수 있습니다. 계속 진행하려면 개발 시스템의 현재 IP 주소가 필요합니다.

명령 프롬프트를 열고 ipconfig를 입력하여 시스템의 IP 주소를 찾으십시오 (추가 정보).

1. 랩톱과 휴대 전화가 동일한 Wi-Fi 네트워크에 있는지 확인하십시오.
2. 기기에서 React Native 앱을 엽니다.
3. 오류가 있는 빨간색 화면이 표시됩니다. 괜찮습니다. 다음 단계에서 이를 해결합니다.
4. 인앱 개발자 메뉴를 엽니다.
5. 장치의 개발 설정 → 서버 호스트 및 포트 디버그로 이동하십시오.
6. 컴퓨터의 IP 주소와 로컬 개발자 서버의 포트를 입력하십시오 (예 : 10.0.1.1:8081).
7. 개발자 메뉴로 돌아가서 JS 다시로드를 선택하십시오.

이제 개발자 메뉴에서 라이브 리로딩을 활성화 할 수 있습니다. JavaScript 코드가 변경 될 때마다 앱이 다시 로드 됩니다.