React는 내부에서 어떻게 동작할까요 — 상태 스냅샷과 Fiber를 중심으로
React에서 상태를 바꿔도 같은 이벤트 핸들러 안의 값은 갱신되지 않는 이유를 렌더별 상태 스냅샷과 클로저로 설명합니다. Fiber, Hook 호출 순서, 재조정, 키와 컴포넌트 재렌더링까지 연결해 React의 렌더·커밋 과정을 풀어냅니다.
최신기사
AI, 개발 도구, 오픈소스, 보안과 인프라의 변화와 이용 조건을 설명하는 최신 기사와 해설입니다.
프런트엔드 아키텍처를 하나로 설명하는 모델
글은 프런트엔드 구조를 브라우저의 탐색·조정, 서버의 콘텐츠, 클라이언트의 낙관적 UI 상태라는 세 책임으로 나눕니다. 이 관점으로 HTMX부터 SPA까지를 설명하고, Solid 2.0이 같은 모델 안에서 여러 구조를 표현하는 방법을 제안합니다.