Frontend2026.08.19
React 리렌더링 범위는 어떻게 결정될까
setState 호출 시 React가 컴포넌트 트리를 순회하며 리렌더링을 건너뛰는(Bailout) 내부 메커니즘과 상태 위치에 따른 렌더링 최적화 원리를 다룹니다.
대한체육회 20년치 공식 대회 기록을 바탕으로 연령대와 종목별 쇼트트랙 기록 분포를 비교하는 서비스입니다. 데이터를 다루며 통계 기준을 세워 나간 과정을 네 편의 글로 정리했습니다.
setState 호출 시 React가 컴포넌트 트리를 순회하며 리렌더링을 건너뛰는(Bailout) 내부 메커니즘과 상태 위치에 따른 렌더링 최적화 원리를 다룹니다.
GitHub Pages의 Enforce HTTPS 설정 시 DNS, TCP, TLS 인증서 자동 발급, 301 리다이렉트가 맞물려 동작하는 4단계 네트워크 흐름을 살펴봅니다.
React가 클래스형 컴포넌트에서 함수형 컴포넌트로 전환된 이유를 상태 보존 메커니즘과 Fast Refresh 관점에서 살펴봅니다.
토스의 useOverlay(overlay-kit)가 말하는 '선언형'의 의미를 추상화 관점에서 분석하고, React에서 모달을 관리하는 세 가지 패턴의 장단점과 선택 기준을 살펴봅니다.
Next.js에서 "use client" 지시어의 실제 의미와 Client Component가 서버에서 실행되는 이유, Hydration Mismatch의 발생 원인과 해결 패턴을 살펴봅니다.