GitHubCreative Dev & WebGLtech-infocode
mrousavy/react-native-jsi-image
mrousavy·@mrousavy·Jun 16, 2022
개요 쓰기 가능한 인메모리 Image JSI Host Object다. React Native에서 JSI를 통해 이미지 데이터를 C++ 수준에서 직접 조작할 수 있는 실험적 라이브러리다.
핵심 내용 JSI Host Object로 이미지를 표현해 JS에서 픽셀 데이터에 동기적으로 접근하고 수정할 수 있다. VisionCamera 같은 카메라 라이브러리와 연동해 프레임 데이터를 직접 처리하는 용도로 활용할 수 있다.
기존 대비 차별점 기존 방식은 이미지 데이터를 JS로 전달하려면 Base64 인코딩이나 파일 저장이 필요했다. JSI Image는 네이티브 메모리의 이미지 버퍼를 JS에서 직접 참조해 복사 오버헤드 없이 처리할 수 있다.
활용 가능성 실시간 카메라 프레임 처리, 이미지 필터 적용, 컴퓨터 비전 파이프라인 등 고성능 이미지 처리가 필요한 React Native 앱에서 JSI 패턴 참고용으로 활용할 수 있다.
참고 자료 - 원본
C++⭐ 289imagejsilibrarynativeperformancereactreact-native
#react-native#jsi#image#performance#native-module