전체 글

TanStack Query(구 React Query)로 무한 스크롤을 구현하며 서버 상태 캐싱, 캐시 수명 관리, 낙관적 업데이트, 렌더링 최적화를 고민한 과정을 정리합니다.

styled-components에서 Emotion으로 점진적으로 마이그레이션하며 스타일링 구조 개선과 React Server Components 시대의 CSS-in-JS까지 살펴봅니다.

TanStack Query(구 React Query)와 Zustand는 모두 상태를 관리하는 라이브러리입니다. 그렇다면 둘은 무엇이 다르고, 실무에서는 왜 함께 사용할까요?

React에서 수천 개의 리스트를 렌더링할 때 발생하는 성능 문제와 Virtualization을 활용해 효율적으로 렌더링하는 방법을 알아봅니다.

useEffect가 필요한 기준을 외부 시스템과의 동기화 관점에서 살펴보고, 계산 가능한 값이나 사용자 이벤트에 Effect를 사용하면 안 되는 이유를 알아봅니다.