타입스크립트로 Excel 수식 엔진 직접 만들기 (ANTLR, 스택 VM)
수천 개의 의존성을 가진 복잡한 Excel 수식이 느려지는 문제를 해결하기 위해, 타입스크립트를 이용해 파싱부터 실행까지 직접 수식 엔진을 만들어 본 경험을 공유합니다. ANTLR, 역폴란드 표기법(RPN), 스택 VM의 원리를 파헤쳐 봅니다.
Read moreReact Props 타입, 아직도 className?; string 쓰세요? (ComponentProps 완벽 가이드)
매번 className, onClick을 수동으로 추가하는 데 지치셨나요? HTMLAttributes부터 ComponentProps까지, 타입스크립트로 React 컴포넌트의 props를 정의하는 가장 우아하고 확장 가능한 방법을 소개합니다.
Read moreZustand, 리액트 없이도 이렇게 강력하다고? (테스트 가능한 텔레그램 봇 만들기)
Zustand의 바닐라 스토어를 활용해 React 없이도 완벽하게 테스트 가능한 텔레그램 봇을 만드는 방법을 소개합니다. 단방향 데이터 흐름과 반응형 상태 구독을 통해 복잡한 봇 로직을 우아하게 관리하는 비법을 확인하세요.
Read moreTanStack Query, 아직도 로딩 스피너 쓰세요? (타입스크립트와 프리페칭으로 만드는 즉각적인 UX)
TanStack Query를 타입스크립트로 안전하게 만들고, 프리페칭으로 로딩 스피너를 없애는 고급 패턴을 알아봅니다. 제네릭 훅부터 on hover 프리페칭까지, 사용자 경험을 극적으로 향상시키는 실전 팁을 확인하세요.
Read moreReact Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기
React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.
Read more