네이티브 반응

React Native은 iOS 및 Android용 크로스 플랫폼 모바일 앱 개발을 위한 오픈 소스 모바일 애플리케이션 프레임워크입니다. JavaScript를 사용하여 기본 모바일 앱을 빌드할 수 있습니다. 일반적으로 Java 프로그래밍 언어(Android용) 및 Swift/Obj-C(iOS용)를 사용하여 모바일 앱을 프로그래밍해야 합니다. React Native는 이러한 요구 사항을 제거하여 단 하나의 코딩 언어를 사용하여 두 플랫폼에서 완전히 작동하는 앱으로 이어집니다.

React Native와 ReactJS은 모두 Facebook에서 만들었습니다. React Native는 수천 개의 앱에서 사용되고 있지만full list can be found here 다음 앱 중 하나에서 이미 사용했을 가능성이 큽니다.

개발 환경 설정

이 페이지는 첫 번째 React Native 앱을 설치하고 빌드하는 데 도움이 됩니다.

모바일 개발이 처음이라면 시작하는 가장 쉬운 방법은 Expo CLI 입니다. Expo는 React Native를 기반으로 구축된 일련의 도구이며 많은 기능이 있지만 현재 우리에게 가장 관련 있는 기능은 몇 분 안에 React Native 앱을 작성할 수 있다는 것입니다.

Node.js의 최신 버전과 전화 또는 에뮬레이터만 있으면 됩니다.

npm install -g expo-cli

그런 다음 다음 명령을 실행하여 "NewProject"라는 새 React Native 프로젝트를 만듭니다.

expo init NewProject

그러나 맨 처음에 이 오류가 발생했습니다.

ERROR: Node.js v12.10.0 is no longer supported.

expo-cli supports following Node.js versions:
* >=10.13.0 <11.0.0 (Maintenance LTS)
* >=12.13.0 <13.0.0 (Maintenance LTS)
* >=14.0.0 <15.0.0 (Active LTS)
* >=15.0.0 <16.0.0 (Current Release)

지원되는 버전으로 설치node-v15.5.0를 시도하는 동안 일부 오류가 발생하고 시스템이 현재 버전version v12.10.0을 덮어쓰지 못하는 경우 문제가 해결됩니다.

nvm install node --reinstall-packages-from=$(nvm current)

후에:

cd NewProject

운영:

npm start

그러면 개발 서버가 시작됩니다.

React Native 애플리케이션 실행

iOS 또는 Android 휴대폰에 Expo 클라이언트 앱을 설치하고 컴퓨터와 동일한 무선 네트워크에 연결합니다. Expo는 동일한 JavaScript/TypeScript 코드베이스에서 iOS, Android 및 웹 앱을 개발, 빌드, 배포 및 빠르게 반복하는 데 도움이 되는 React 애플리케이션용 프레임워크 및 플랫폼입니다.

Android에서는 Expo 앱을 사용하여 터미널에서 QR 코드를 스캔하여 프로젝트를 엽니다.

iOS에서는 카메라 앱의 내장 QR 코드 스캐너를 사용하세요. Running on and starting the Simulator Guides can be found here

앱 수정

이제 앱을 성공적으로 실행했으므로 텍스트 편집기에서 App.js를 열어 수정하고 일부 줄을 편집해 보겠습니다. 변경 사항을 저장하면 애플리케이션이 자동으로 다시 로드됩니다.

그게 다야!

축하합니다! 첫 번째 React Native 앱을 성공적으로 실행하고 수정했습니다.

나와 연결하려면

내Github를 확인하고 나를 팔로우하십시오.

읽어 주셔서 감사합니다!