React Native 0.78버전이 지난 2월 배포되었다. 새 React Native버전에서 업데이트된 요소중 개인적으로 중요하다 생각하는 2가지를 짧게 정리해보았다.전체 릴리즈 노트는 여기서 확인할 수 있다.https://reactnative.dev/blog/2025/02/19/react-native-0.78 React Native 0.78 - React 19 and more · React NativeToday we are excited to release React Native 0.78!reactnative.dev 1. React 19이제 React Native에서 React 19를 지원한다.React 19에서는 useActionState, useOptimistic등 여러 기능들이 추가되었으며, 이..
React Native
1. 개요키보드의 "다음"버튼을 클릭시 다음 입력 필드로 focus 이동을 구현하던중 발생한 일이다.기본적으로 TextInput의 props인 onSubmitEditing을 이용해 이를 구현했었는데 이상하게도 이번에는 동작이 되지 않았다.(무반응)특이한점은, keyboardType을 numeric으로 했을 때만 이 문제가 발생한다는 것이었다. 2. 원인React Native가 원인이었다.작성일 기준 React Native의 가장 최신버전인 0.76.x버전을 이용하고 있는데, 이 버전에서만 numeric키보드의 onSubmitEditing함수가 동작하지 않는 문제가 있는 것이다.https://github.com/facebook/react-native/issues/48259 [iOS][NewArch] Num..
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플랫폼이 비동기 방..
최초 작성일 : 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..