JavaScript Proxy — Reflect와 실무 패턴 4가지
Proxy의 단짝 Reflect의 역할과, 유효성 검사·읽기 전용·변경 감지·기본값 제공 실무 패턴을 정리합니다.
210 posts · 10 categories · 2026
Proxy의 단짝 Reflect의 역할과, 유효성 검사·읽기 전용·변경 감지·기본값 제공 실무 패턴을 정리합니다.
Proxy의 3요소인 target, handler, trap의 동작 원리와 receiver, Proxy.revocable()까지 정리합니다.
ES2015에서 도입된 Proxy가 해결하는 3가지 핵심 문제와 사용 판단 기준을 정리합니다.
Suspense를 남용하지도, 방치하지도 않기 위한 실전 판단 기준을 정리합니다. 경계는 코드가 아니라 사용자가 화면을 읽는 구조를 따라갑니다.
RSC와 Suspense가 결합해 서버 렌더링 결과를 조각조각 스트리밍하는 방식과 Selective Hydration까지, 시리즈의 마지막 퍼즐을 맞춥니다.
SSR과 RSC의 차이, Server/Client Component의 경계 규칙, 그리고 children 패턴이 왜 중요한지 정리합니다.
React가 업데이트 우선순위를 31비트 정수 하나로 관리하는 방법과, 그 설계가 선택된 이유를 살펴봅니다.
Suspense가 어떤 문제를 풀고, Promise를 throw한다는 독특한 메커니즘이 동시성 렌더링과 어떻게 맞물리는지 정리합니다.
React 16에서 도입된 Fiber 아키텍처가 왜 등장했고, 어떤 구조로 동시성 렌더링을 가능하게 하는지 정리합니다.
React가 UI를 어떻게 효율적으로 업데이트하는지, 그 내부 원리를 단계별로 정리합니다.
blog92@web:~$ exit