1. 개요진짜 빠른 세상이다. React Native 0.78버전이 나오고 2개월도 되지 않아 React Native 0.79버전이 배포되었다.그래도 React Native 공식 계정을 팔로우하고 있어서 이런 내용을 놓치지 않는건 다행인 것 같다. 이번에도 전과 동일하게 React Native 0.79의 주요 변화점, 개선점을 살펴보았다.React Native 0.79의 개발자 노트는 아래 링크에서 전문을 확인할 수 있다.https://reactnative.dev/blog/2025/04/08/react-native-0.79 React Native 0.79 - Faster tooling and much more · React NativeToday we are excited to release React N..
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등 여러 기능들이 추가되었으며, 이..
1. 개요Drawer는 화면 측면에서 마치 서랍처럼 슬라이드로 나왔다 들어가는 패널을 말한다.보통 이 기능은 Drawer의 open상태를 state로 관리하는식으로 구현한다.하지만 CSS를 이용하면 Javascript없이도 Drawer를 구현할 수 있지 않을까 하는 생각이 들었다.그래서 이번에는 CSS만 활용해 Drawer를 구현하는것을 도전해보았다. 2. 방법Drawer는 결국 on/off toggle형태로 동작한다. 그렇기에 HTML중 toggle요소를 이용한다면 Drawer를 구현할 수 있을 것이다.이런 요소들은 여러가지가 있을 수 있겠지만 나는 를 이용하기로 했다.checkbox는 체크를 on/off로 관리하므로 이를 이용한다면 drawer를 구현할 수 있을 것이다. 3. 구현// index.js..
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..
