저 :판스 솔란키
우리 모두 알고 있듯이, 이제 React Native를 배워야 할 때입니다. 문서로 개발하는 방법에는 두 가지가 있습니다. 이 섹션에서는 기기에 인터넷 연결 없이 Android 기기에서 직접 Expo에서 앱을 만드는 방법에 중점을 둡니다.
인터넷이 연결된 장치에서 Expo Client 앱을 사용하면 매우 쉽다는 것을 알고 있지만, 인터넷 문제가 있으면 어떻게 합니까? 제한된 MB를 개발에 사용하고 싶지 않습니다. 그렇다면 모바일의 Wi-Fi 연결에 안정성 문제가 있거나 앱을 옛날 스타일로 개발하고 싶은 경우, 또는 다른 이유가 있는 경우 어떻게 해야 합니까?
시작해 보겠습니다. 이 프로세스에는 세 가지 작은 단계만 포함됩니다. OS Windows에서의 개발만을 위한 것이며 OS Android를 대상으로 한다는 점을 기억하세요.
사전 설정 요구 사항
여기에서 PC에 adb 드라이버를 설치해야 합니다. . 절차도 여기에 있습니다. .
프로세스가 완료되면 모바일을 PC에 연결하십시오. 명령 프롬프트 열기 adb devices 명령을 실행하세요. 기기 목록 아래에 일부 기기 이름이 반환되면 그러면 설정이 완료됩니다. 하지만 이름이 표시되지 않으면 adb 드라이버를 올바르게 설치해야 합니다.
참고:모바일의 개발자 옵션에서 USB 디버깅이 켜져 있어야 합니다.
여기 Play 스토어에서 Expo Client 앱을 설치하세요. .
React 네이티브 프로젝트 설정
여기 문서에 설명된 단계를 따르세요. .
여기에 있는 단계를 복사하는 중입니다. 노드 10+이 있다고 가정합니다. 설치 후 다음 명령을 실행하세요:
npm install -g expo-cli
expo init AwesomeProject
cd 어썸프로젝트
npm 시작
위 명령은 http://localhost:19002로 브라우저를 엽니다. (자동으로 열리지 않으면 수동으로 열어주세요.)
로컬 호스트를 열면 Tunnel Ready와 같은 메시지가 표시됩니다. 아래와 같습니다:
Tunnel Ready는 이제 마법을 창조할 시간이라는 뜻입니다 :)
설정 후 단계
이제 장치를 연결하고 다른 명령 프롬프트를 열어 다음 명령을 실행할 차례입니다:
adb 기기 // 연결된 장치의 장치 이름을 찾으려면
adb -s 역방향 tcp:8081 tc p:8081 // 아무것도 인쇄되지 않습니다
http://localhost:19002로 이동 브라우저에서 Android 기기/에뮬레이터에서 실행을 클릭하세요.
Android 기기/에뮬레이터에서 실행을 클릭하여 기기에서 마법을 확인하세요
이제 장치에 번들이 로드되는 것을 볼 수 있습니다. 모든 번들을 로드하면 앱이 기기에 활성화되고 브라우저는 다음과 같습니다:
사이드바에 기기가 표시됩니다
오른쪽 상단 버튼을 클릭하면 앱을 디버깅할 수 있습니다.
오른쪽 상단 버튼을 클릭하면 어떤 데이터가 기기로 전달되는지 확인할 수 있습니다.
이 정보가 어떤 식으로든 귀하에게 도움이 된다면 기쁘겠습니다. 질문이 있으시면 댓글을 남겨주세요. 최선을 다해 도와드리겠습니다.
읽어주셔서 감사합니다.
무료로 코딩을 배우세요. freeCodeCamp의 오픈 소스 커리큘럼은 40,000명 이상의 사람들이 개발자로 취업하는 데 도움을 주었습니다. 시작하세요