Frontend2026.08.19
React 리렌더링 범위는 어떻게 결정될까
setState 호출 시 React가 컴포넌트 트리를 순회하며 리렌더링을 건너뛰는(Bailout) 내부 메커니즘과 상태 위치에 따른 렌더링 최적화 원리를 다룹니다.
Writing
- Frontend2026.04.06
왜 React는 함수형 컴포넌트를 중심으로 흘러갔을까
React가 클래스형 컴포넌트에서 함수형 컴포넌트로 전환된 이유를 상태 보존 메커니즘과 Fast Refresh 관점에서 살펴봅니다.
- Frontend2026.03.15
선언형 오버레이의 의미와 React의 모달 관리 패턴
토스의 useOverlay(overlay-kit)가 말하는 '선언형'의 의미를 추상화 관점에서 분석하고, React에서 모달을 관리하는 세 가지 패턴의 장단점과 선택 기준을 살펴봅니다.
- Frontend2026.03.10
"use client"와 Hydration Mismatch의 동작 원리
Next.js에서 "use client" 지시어의 실제 의미와 Client Component가 서버에서 실행되는 이유, Hydration Mismatch의 발생 원인과 해결 패턴을 살펴봅니다.
- Frontend2026.02.14
React 훅은 왜 조건부로 호출할 수 없을까
React가 훅에 Key를 넘기는 대신 호출 순서 기반의 연결 리스트를 선택한 이유와, 조건부 훅 호출이 상태를 망가뜨리는 내부 원리를 살펴봅니다.
