Dev journal
프론트엔드 개발 경험과 기술 스택을 정리한 글 모음입니다.총 96편
Claude API의 Citations 기능으로 문서 기반 답변에 정확한 출처를 자동으로 붙이는 방법을 정리합니다.
React Native Gesture Handler와 Reanimated 3의 워크릿으로 UI 스레드에서 60fps 드래그·스와이프 애니메이션을 구현하는 과정을 정리합니다.
네이티브 popover 속성으로 드롭다운, 툴팁, 메뉴를 JS 거의 없이 top layer에 띄우고 라이트 디스미스까지 공짜로 얻는 법을 정리합니다.
Claude API의 구조화 출력 기능으로 LLM 응답이 항상 스키마에 맞는 JSON으로 나오도록 강제하는 방법을 정리합니다.
expo-notifications로 푸시 토큰을 받고, 로컬 알림과 원격 푸시를 보내는 과정을 정리합니다.
HTML <dialog> 요소로 모달을 구현하는 방법과, 직접 만들 때 놓치기 쉬운 포커스 트랩·백드롭·ESC 처리가 어떻게 공짜로 따라오는지 정리합니다.
Vercel AI SDK의 streamObject로 LLM이 만드는 구조화 객체를 필드 단위로 흘려받아, 다 채워질 때까지 기다리는 로딩을 없애는 방법을 정리합니다.
Shopify의 FlashList로 FlatList를 교체해서 긴 리스트 스크롤 성능을 개선한 과정을 정리합니다.
Tailwind CSS v4의 CSS-first 설정과 새 엔진을 실전 위주로 정리합니다. tailwind.config.js 없이 @theme로 디자인 토큰을 관리하는 법을 코드로 살펴봅니다.
Claude Message Batches API로 대량 LLM 호출을 비동기 처리하면서 비용을 50% 줄이는 방법을 정리합니다.
5 / 10 페이지