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

info

Native Module과 Native Components는 기존 아키텍처에서 사용하던 안정적인 기술이다.
새로운 아키텍처가 안정화되면 앞으로 지원이 중단될 예정이다. 새로운 아키텍처에서는 Turbo Native Module과 Fabric 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 Native Modules 또는 iOS Native Modules 가이드를 통해 코드를 추가할 수 있다.