기술노트

화면 밖 요소의 렌더링을 통째로 건너뛰어 긴 페이지의 초기 렌더 비용을 줄이는 CSS 속성. contain-intrinsic-size 짝 사용법과 가상화와의 차이, 스크롤바가 튀는 함정과 해결책까지 실전 위주로 정리했다.

브라우저가 HTML을 화면에 그리기까지의 전체 렌더링 파이프라인을 DOM 파싱부터 Composite 단계까지 상세히 분석합니다.

React 18 Streaming SSR — 서버에서 점진적 HTML 전송 — 실무에서 바로 적용할 수 있는 가이드입니다.

React 18 useDeferredValue — UI 응답성을 높이는 기법 — 실무에서 바로 적용할 수 있는 가이드입니다.

React Server Components 심층 이해 — 서버와 클라이언트 경계 — 실무에서 바로 적용할 수 있는 가이드입니다.

React 18 동시성 렌더링 이해하기 — Suspense·Transition·Streaming — 실무에서 바로 적용할 수 있는 가이드입니다.

React 18 Streaming SSR — 서버에서 점진적 렌더링 — 실무에서 바로 적용할 수 있는 가이드입니다.

Next.js 12 ISR 실전 — 정적과 동적의 균형 — 실무에서 바로 적용할 수 있는 가이드입니다.

React 18 useTransition 심화 — 느린 렌더링 처리 — 실무에서 바로 적용할 수 있는 가이드입니다.

Next.js SSG vs SSR — 렌더링 전략 선택 가이드 — 실무 가이드.