React Cache 그냥 쓰셨나요? (숨겨진 일관성의 비밀)
React의 cache 함수는 단순한 성능 최적화 도구가 아닙니다. React 서버 컴포넌트(RSC) 환경에서 데이터 일관성을 보장하는 핵심 API로서 cache의 진짜 역할을 깊이 있게 파헤칩니다.
Read more리액트 UI가 멈추나요? 웹 워커로 해결하는 A to Z 가이드
리액트 앱에서 무거운 계산으로 UI가 멈추는 문제를 웹 워커, 공유 워커를 사용해 해결하는 방법을 단계별로 알아봅니다. 큐를 이용한 작업 순서 보장과 캐싱 전략까지 실용적인 예제와 함께 설명합니다.
Read moreReact Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기
React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.
Read more리액트 컴파일러, '그냥' 켜기만 하면 정말 빨라질까?
리액트 컴파일러를 실제 프로젝트에 적용해 본 후기입니다. 간단한 예제에서는 완벽했지만, 실제 코드에서는 예상치 못한 문제들이 있었습니다. 컴파일러를 100% 활용하기 위해 우리가 알아야 할 것들을 살펴봅니다.
Read moreNDC Oslo 2025 - 리믹스가 리액트 라우터가 됐다고요? V7으로 격변한 리액트 라우터 완전 정복
리믹스의 혁신적인 기능들이 리액트 라우터 V7으로 통합되었습니다. 선언형 모드부터 프레임워크 모드까지, 완전히 새로워진 리액트 라우터의 아키텍처와 활용법을 코드 예제와 함께 깊이 있게 파헤쳐 봅니다.
Read more