#렌더링

Next.js 16.3 Instant Navigation - Deep Dive 1

클릭했는데 왜 아무 일도 안 일어나는가

웹뷰 시스템 폰트 크기 대응, 리뷰에서 설계까지

그 플래시는 useLayoutEffect로 막을 수 없었다

인앱약정 SDK · 8편

로딩을 띄웠는데 사용자는 보지 못했다

소유권, 시점, document 경계, 종료 조건. 원인은 네 갈래였다

대출 갈아타기 계산기 · 1편

대출 갈아타기 계산기, 반응형 웹 설계 회고

프레임, 커밋, 구독, 그리고 상태

Astro Islands Architecture: 성능 중심 웹 개발의 새로운 패러다임

Next.js로 만든 블로그를 Astro로 다시 만들면서 재본 것들 — Islands Architecture, Content Collections 증분 빌드, 그리고 Next.js가 PPR로 향하는 방향까지

리액트 스케줄러 완전 분석: MessageChannel을 선택한 이유

동료의 질문에 requestIdleCallback이라고 답했는데 틀렸다. 리액트가 MessageChannel을 고른 이유부터 Lane 우선순위, useEffect가 paint 전에 실행되는 경우까지 소스코드로 따라간 기록

React 동시성 렌더링: Fiber가 가능하게 한 혁신

단일 스레드와 동기적 렌더링이 만들던 버벅거림을, Fiber의 중단 가능한 구조와 우선순위 시스템이 어떻게 풀었는지 정리한다

React Fiber 아키텍처와 Reconciliation 심화 이해

React의 핵심 엔진인 Fiber가 Reconciliation을 어떻게 수행하는지, 그리고 그 이해가 왜 성능 최적화로 이어지는지 살펴본다

React Server Components: 서버와 클라이언트의 경계를 넘어

React의 가장 혁신적인 패러다임 전환인 RSC가 우리가 알던 SSR과 어떻게 다른지 깊이 파헤쳐본다

React SSR의 진화: Next.js Page Router에서 App Router로의 여정

왜 Page Router에서는 스트리밍이 안 되고 App Router에서는 될까. renderToString의 동기적 한계부터 renderToPipeableStream, Chunked Transfer Encoding, 선택적 하이드레이션까지 따라간다

React Fiber 아키텍처: 선언적 UI의 마법을 가능하게 하는 엔진

「전문가를 위한 리액트」 스터디에서 Fiber 아키텍처를 파고들며 얻은 인사이트를, Stack Reconciler의 한계부터 스케줄러와 실무 최적화까지 정리했다

Flame Graph로 보는 클라이언트 사이드 렌더링

성능 패널의 그 알록달록한 막대들을 어떻게 읽는지, 그리고 그 그래프가 클라이언트 사이드 렌더링의 비용을 어떻게 드러내는지 — 원문을 읽고 팀에 공유하려고 정리한 글

React 개발자를 위한 초기 로딩 성능: 심층 탐구

TTFB부터 FCP·LCP까지 무엇을 재는지, 그리고 느린 서버·좁은 대역폭·높은 지연·캐시가 각각 그 숫자를 어떻게 흔드는지 — 팀 내 발표용으로 원문을 읽고 정리한 글

React 개발자를 위한 SSR 심화 가이드

메타 태그 프리렌더링부터 전체 페이지 SSR, 하이드레이션, SSG까지 — 각 단계가 무엇을 해결하고 무슨 비용을 청구하는지, 그리고 SSR이 오히려 초기 로드를 느리게 만드는 조건까지