네이티브 모듈 NPM 패키지 설정

info

네이티브 모듈(Native Module)과 네이티브 컴포넌트(Native Components)는 기존 아키텍처에서 사용하던 안정적인 기술이다. 새로운 아키텍처가 안정화되면 이 기술들은 점차 사용되지 않을 예정이다. 새로운 아키텍처는 터보 네이티브 모듈과 패브릭 네이티브 컴포넌트를 사용해 유사한 결과를 달성한다.

네이티브 모듈은 일반적으로 npm 패키지로 배포된다. 기본 자바스크립트 코드 외에 플랫폼별 네이티브 코드도 포함된다. npm 패키지에 대해 더 알고 싶다면 이 가이드를 참고하면 도움이 된다.

네이티브 모듈의 기본 프로젝트 구조를 설정하려면 create-react-native-library라는 커뮤니티 도구를 사용한다. 이 라이브러리가 어떻게 동작하는지 깊이 파고들 수도 있지만, 여기서는 기본 스크립트만 실행한다:

shell

npx create-react-native-library@latest react-native-awesome-module

여기서 react-native-awesome-module은 새 모듈의 이름이다. 이 작업을 마친 후 react-native-awesome-module 폴더로 이동하여 다음 명령어로 예제 프로젝트를 부트스트랩한다:

shell

yarn

부트스트랩이 완료되면 다음 명령어 중 하나를 실행하여 예제 앱을 시작할 수 있다:

shell

# Android 앱
yarn example android
# iOS 앱
yarn example ios

위의 모든 단계를 완료하면 Android 네이티브 모듈 또는 iOS 네이티브 모듈 가이드를 따라 코드를 추가할 수 있다.