1. 개요React Native는 그동안 bridge방식을 이용해 iOS, Android cross platform을 구현했다.하지만 최신 React Native는 더이상 bridge방식을 이용하지 않고 JSI(Javascript Interface)를 이용한다.이번 글에서는 새로운 아키텍쳐와 특징, 이에 따른 이점을 간단하게 정리해보았다. 2. JSI란?JSI는 Javascript Interface의 약자로, React Native 0.76버전부터 새롭게 도입된 아키텍쳐이다.bridge기반 아키텍쳐의 한계를 극복해내기 위해 개발되었으며 Javascript와 Native간의 통신 방식을 개선했다. 3. JSI로 인한 개선점과 특징bridge아키텍쳐에선 React Native와 Native플랫폼이 비동기 방..
React Native
최초 작성일 : 2024.11.22최종 수정일 : 2024.11.22 1. 개요서비스를 만들다 보면 SVG파일을 사용해야 할 경우가 잦다.SVG파일을 이용하다보면 코드로 간편하게 사용하고싶을 때가 있는데, 이 때 사용할 수 있는 라이브러리를 소개한다!개인적으로도 거의 필수로 이용하고 있는 라이브러리이다. 2. react-native-svgreact-native-svg라이브러리는 React Native에서 SVG파일을 이용할 수 있게 해주는 라이브러리이다.https://github.com/software-mansion/react-native-svg GitHub - software-mansion/react-native-svg: SVG library for React Native, React Native We..
1. 개요개인적으로 React Native를 이용해 개발해 운영중인 서비스가 있다.시간이 지나며 새로운 버전의 React Native가 출시됐는데, 새로운 아키텍쳐를 적용과 개발의 효율성을 높이기 위해 React Native의 버전 업그레이드를 진행하기로 했다. 2. 업그레이드를 하게 된 이유이전 버전의 React Native를 이용해도 서비스의 운영은 충분히 가능하긴 하다.하지만 아래의 이유로 React Native의 버전을 업그레이드하기로 했다.1) 아키텍쳐 변경기존 React Native는 bridge방식을 이용해 cross platform을 구현하고 있었다.새로운 React Native는 JSI(Javascript Interface)를 이용해 bridge를 대체하고, 네이티브코드에 직접 접근할 ..
최초 작성일 : 2024.11.08최종 수정일 : 2024.11.08 1. 개요React Native로 만든 프로젝트를 Android studio에서 실행할 때 아래의 오류가 발생했다. 2. 원인빌드 시스템중 하나인 ninja에서 문제가 발생한 것 같다.찾아보니 [프로젝트명]/android/app/.cxx에서 문제가 있다는것을 알았다. 3. 해결 방법[프로젝트명]/android/app/.cxx폴더를 삭제한 후 android 폴더에서 아래의 명령어를 입력한 뒤 빌드한다../gradlew clean
