전체 글

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..

이 블로그를 만든지는 꽤 됐다.블로그를 만들 때만 해도 개발 관련 지식을 공유하고 그 과정에서 내가 알고 있는 지식도 리마인드되는, 나름대로의 선순환을 기대했다.하지만 막상 이런저런 핑계로 블로그에 글을 자주 작성하진 못했다.그러던 중 티스토리에서 하는 "오블완 챌린지"를 알게 되었다.https://www.tistory.com/event/write-challenge-2024 작심삼주 오블완 챌린지오늘 블로그 완료! 21일 동안 매일 블로그에 글 쓰고 글력을 키워보세요.www.tistory.com 3주동안 매일 블로그 글을 작성하면 작성 일수에 따라 추첨을 통해 경품을 주는 챌린지이다.블로그를 작성해한다는 마음도 있었는데 마침 이런 이벤트를 알게 되어 참여하게 되었다. 그리고 3주동안 매일 글을 작성했는데..