[React Native] 라이브러리 사용하기

react native는 앱에서 사용할 수 있는 내장된 코어 컴포넌트와 API 세트를 제공합니다. react native에 번들로 포함된 컴포넌트와 API에만 국한되지 않습니다. 수 천명의 개발자로 구성된 커뮤니티가 존재하며, 필요한 기능이 코어 컴포넌트와 API에 없는 경우 커뮤니티에서 제공하는 라이브러리를 찾아 설치할 수 있습니다.

패키지 관리자 선택

react native 라이브러리는 일반적으로 npm 레지스트리에서 node.js 패키지 관리자를 사용하여 설치합니다.

node.js가 컴퓨터에 설치되어 있다면 npm cli도 이미 설치되어 있을 것입니다. 일부 개발자는 약간 더 빠른 설치 시간과 workspaces와 같은 추가 고급 기능을 제공하는 yarn을 선호합니다. 두 도구 모두 react native와 잘 호환됩니다.

라이브러리 설치

프로젝트 디렉터리에서 터미널을 열고 설치 명령을 실행하여 라이브러리를 설치할 수 있습니다. 예를 들어 react-native-webview를 설치하려면 다음과 같이 실행합니다.

npm install ract-native-webview

설치한 라이브러리에는 네이티브 코드가 포함되어 있으며, 사용하기 전에 앱에 링크해야합니다.

iOS에서 네이티브 코드 링크하기

react native는 CocoaPods를 사용하여 iOS 프로젝트 종속성을 관리하며, 대부분의 react native 라이브러리도 따릅니다. 사용하는 라이브러리가 그렇지 않다면, 해당 라이브러리의 README를 참조합니다.

ios 디렉터리에서 pod install을 실행하여 네이티브 iOS 프로젝트에 링크합니다. ios 디렉터리로 전환하지 않고도 이 작업을 수행하려면 npx pod-install을 실행합니다.

이 작업이 완료되면 앱 바이너리를 다시 빌드하여 새로운 라이브러리를 사용합니다.

npm run ios

Android에서 네이티브 코드 링크하기

react native는 gradle을 사용하여 android 프로젝트 종속성을 관리합니다. 네이티브 종속성을 가진 라이브러리를 설치한 후, 새로운 라이브러리를 사용하려면 앱 바이너리를 다시 빌드해야 합니다.

npm run android

라이브러리 찾기

https://reactnative.directory/는 react native를 위해 특별히 구축된 라이브러리의 검색 가능한 데이터베이스입니다. react native 앱을 위한 라이브러리를 찾기 위한 첫번째 장소입니다.

디렉터리에서 찾은 많은 라이브러리는 React Native Community 또는 Expo에서 제공합니다.

React Native Community에서 구축한 라이브러리는 자원봉사자와 React Native를 사용하는 회사의 개인들이 주도합니다. 종종 iOS, tvOS, Android, Windows를 지원하지만 프로젝트마다 다를 수 있습니다. 이 조직의 많은 라이브러리는 한때 React Native 코어 컴포넌트와 API였습니다.

Expo에서 구축한 라이브러리는 모두 TypeScript로 작성되었으며, 가능한 한 iOS, Android 및 react-native-web을 지원합니다.

React Native Directory 다음으로, npm 레지스트리는 React Native용 라이브러리를 찾지 못한 경우 다음으로 좋은 장소입니다. npm 레지스트리는 JavaScript 라이브러리의 확실한 출처이지만, 나열된 라이브러리가 모두 React Native와 호환되는 것은 아닙니다. React Native는 Node.js, 웹 브라우저, Electron 등 다양한 JavaScript 프로그래밍 환경 중 하나이며, npm은 이러한 모든 환경에서 작동하는 라이브러리를 포함합니다.

 

다른 플랫폼용으로 구축된 라이브러리는 일반적으로 React Native와 호환되지 않습니다. 예를 들어, react-select는 웹을 위해 구축되었으며 react-dom을 대상으로 하고, rimraf는 Node.js용으로 구축되어 컴퓨터 파일 시스템과 상호 작용합니다. lodash와 같은 다른 라이브러리는 JavaScript 언어 기능만 사용하며 모든 환경에서 작동합니다. 시간이 지나면 이에 대한 감각이 생기겠지만, 그전까지는 직접 시도해보는 것이 가장 쉬운 방법입니다. 작동하지 않는 경우 `npm uninstall`을 사용하여 패키지를 제거할 수 있습니다.

라이브러리의 최신 버전은 일반적으로 React Native의 최신 버전과 호환됩니다. 이전 버전을 사용하는 경우, README를 참조하여 설치해야 하는 라이브러리 버전을 확인하십시오. 특정 버전의 라이브러리를 설치하려면 다음과 같이 실행합니다.

npm install <library-name>@<version-number>