[React Native] Native Modules Intro

공효은·2021년 8월 25일
0

reactNative

목록 보기
6/9

React Native 앱은 Javascript에서 기본적으로 사용할 수 없는 기본 플랫폼 API (예:Apple 또는 Google Pay 에 액세스하기 위한 기본 API)에 액세스 해야함.

JavaScript로 다시 구현하지 않고도 기존 Objective-C, Swift,Java또는 C++ 라이브러리를 재사용하거나 이미지 처리와 같은 작업을 위한 고성능 다중 스레드 코드를 작성할 수 있음

NativeModule System

NativeModule시스템은 Java/Objective-C/C++(네이티브) 클래스의 인스턴스를 JS객체로 Javascript(JS)에 노출하므로 JS내에서 임의의 네이티브 코드를 실행할 수 있음.

Native Module Setup

React Native 애플리케이션을 위한 네이티브 모듈을 작성하는 두 가지 방법
1. React Native 애플리케이션의 iOS/Android 프로젝트 내에서 직접
2. 다른 React Native 애플리케이션에 종속성으로 설치할 수 있는 NPM 패키지

이번에는 React Native 애플리케이션 내에 직접 네이티브 모듈을 구현 하는 방법을 쓴다.

캘린더 이벤트를 생성하기 위해 React Native 애플리케이션 내 JavaScript에서 iOS/Android 기본 캘린더 API에 액세스 한다고 상상해보자. React Native는 기본 캘린더 라이브러리와 통신하기 위해 JavaScript API를 노출하지 않는다. 그러나 기본 모듈을 통해 기본 캘린더 API와 통신하는 기본 코드를 작성할 수 있다.
그런 다음 React Native 애플리케이션 에서 JavaScript를 통해 해당 네이티브 코드를 호출 할 수 있다.

profile
잼나게 코딩하면서 살고 싶어요 ^O^/

0개의 댓글

관련 채용 정보