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등 여러 기능들이 추가되었으며, 이..
전체 글
Web / App(React Native) Front-End Dev
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..

ChatGPT, Perplexity, Claude등 여러가지 LLM모델을 사용해 프로젝트 작업, 일상에 많은 도움을 받고 있다.다만, 외부 서버를 거치기 때문에 민감한 정보가 포함된 질문을 하기에는 깨름직한 부분이 있다.이 문제를 해결해보고자 로컬 LLM환경을 구축해 사용하고 있었다. 관련 글 : https://w-storage.tistory.com/53 맥북에서 LLM을 실행해보자! (Llama2, Ollama)1. 개요 바야흐로 LLM(Large language model) 전성시대이다. 하루가 멀다하고 여러 LLM이 등장하고 있으며 이를 통해 생산성이 크게 향상되고 있다. 유명한 LLM으로는 GPT, Gemini, Claude등이 있는데, 이런 서w-storage.tistory.comhttps://..
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..