codelibre.hashnode.dev[React Native] XCode 26 버전에서 Liquid Glass UI를 미적용하는 방법최근 앱 개발을 하면서 작업을 진행하고 있는데, XCode의 버전을 26으로 최신화한 뒤 개발을 진행하고 있었다.마침 Local Notification 이슈가 있어 이 점을 수정하고, XCode로 iOS 빌드를 돌려 테스트를 해봤는데 React Native에서 제공해주는 Switch 컴포넌트에 문제가 발생했다. iOS 26 버전에 맞게 해당 컴포넌트도 Liquid Glass로 반영되다 보니 UI가 기존 형태와 Liquid Glass 형태로 두...Oct 13, 2025·2 min read
codelibre.hashnode.devreact-virtuoso 라이브러리를 활용한 테이블 최적화예전에 백오피스 개발 중에 공용 2열 테이블 컴포넌트를 제작한 적이 있었다.‘공용’인 만큼, 이 컴포넌트에서 제일 중요한 건 어떤 API가 들어와도 호환될 수 있도록 구현하는 거였는데, 컴포넌트를 사용하던 한 분께서 화면이 버벅이는 이슈가 발생했다고 말씀해주셨다. 확인해보니 계속해서 스크롤을 내려 데이터를 받을 경우 DOM에 그려지는 컴포넌트들이 누적되어 성능이 저하되는 이슈였다. 본 글에서는 그 당시 문제를 어떻게 해결했는지, 그리고 지금 돌...Sep 14, 2025·5 min read
codelibre.hashnode.devFirebase Firestore -> supabase Database 마이그레이션 경험기계기는 언제나 사소한 것이었다. 개인 프로젝트에서 자주 사용하고 있던 BaaS인 Firebase에서 메일이 왔다.2025년 10월 1일자로 Cloud Storage for Firebase가 유료화로 전환된다는 소식이었다. 지금은 Storage의 유료화에 대해서만 적혀있지만, 앞으로 다른 제품군에서도 무료 부문의 혜택이 줄어들거나 할 가능성이 있다고 판단이 됐다.특히 DB인 Firestore나 Realtime DB의 무료 혜택이 줄어든다면… F...Sep 1, 2025·5 min read
codelibre.hashnode.devReact Native WebView에서 폴더블 폰 너비를 대응해보자최근 React Native로 앱을 개발하고 있던 친구에게서 연락이 왔다.이전에 React Native WebView로 폴더블 폰 너비를 대응한 경험이 있어, 이와 관련해서 어떻게 처리했는지 궁금하다고 했다.그래서 방법을 알려줬는데 해당 내용을 인터넷에서 찾아보자니 어려움을 겪었다고 하여, 이 참에 과거에 해당 사항을 어떻게 대응했는지 블로그에 남겨보기로 했다. 앱에서 반응형을 대응할 경우: useWindowDimensions을 활용하자. Re...Aug 23, 2025·3 min read
codelibre.hashnode.devWebpack 설정 하나도 모르는데 빌드 최적화해봤음.이전 글에서 테스트 코드 이야기를 했는데, 테스트 코드를 반영하기 전의 프로젝트는 Webpack을 번들러로 사용하고 있었다. 당시, 빌드를 시도하면 기본 3분에서 5분 정도의 시간이 소요되다 보니, 빌드 결과물을 보려면 오랜 시간 기다려야했고 나의 인내심은 기다리는 시간에 비례해 떨어져갔다. 결국, 빌드 최적화에 대한 필요성을 느끼고 건의를 드려서 빌드 최적화를 직접 시도해보기로 했다. (혹시 실패하면 어쩌지 했는데 안 되면 롤백하면 된다고 선...Mar 28, 2025·6 min read