리액트 UI가 멈추나요? 웹 워커로 해결하는 A to Z 가이드
리액트 앱에서 무거운 계산으로 UI가 멈추는 문제를 웹 워커, 공유 워커를 사용해 해결하는 방법을 단계별로 알아봅니다. 큐를 이용한 작업 순서 보장과 캐싱 전략까지 실용적인 예제와 함께 설명합니다.
Read moreReact Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기
React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.
Read more리액트 컴파일러, '그냥' 켜기만 하면 정말 빨라질까?
리액트 컴파일러를 실제 프로젝트에 적용해 본 후기입니다. 간단한 예제에서는 완벽했지만, 실제 코드에서는 예상치 못한 문제들이 있었습니다. 컴파일러를 100% 활용하기 위해 우리가 알아야 할 것들을 살펴봅니다.
Read more예측의 힘으로 웹사이트 속도를 지배하는 법 Foresight.js 완벽 가이드
사용자의 다음 행동을 예측하여 리소스를 미리 로드하는 자바스크립트 라이브러리 Foresight.js의 모든 것을 알아봅니다. 웹사이트의 체감 속도를 혁신적으로 개선하는 방법을 배워보세요.
Read more리액트 성능 최적화의 비밀 무기 - useRef보다 강력한 Ref 콜백 사용법
리액트에서 불필요한 렌더링을 피하고 직접 DOM을 제어하여 성능을 극대화하는 Ref 콜백의 원리와 사용법을 알아봅니다.
Read more