프론트엔드

부분 프리렌더링, SSG와 SSR 사이의 실용적 선택

Next.js 15/16의 PPR은 정적 셸(TTFB 20~50ms)과 동적 홀을 단일 요청으로 통합해 ISR의 스테일 창을 제거하고 서버 비용 30~40%를 절감한다. 갱신 주기와 개인화 정도에 따른 렌더링 방식 선택의 기준을 정리했다.

2026-07-18

번들 사이즈 예산: 측정과 제약으로 성능을 관리하는 법

번들 예산은 감이 아니라 제약이다. 초기 번들 170KB, 전체 300KB 제한 아래서 실제 사용자 환경 3초 로딩을 담보하는 예산 수립과 회귀 방지 전략.

2026-07-18

Redux 올인원에서 벗어나기 — 서버 상태와 클라 상태를 나눈 장애 회고

전역 스토어에 API 데이터와 UI 상태를 함께 관리하다가 캐시 불일치로 장애를 겪었다. 서버 상태와 클라이언트 상태를 도구와 책임으로 분리한 경험.

2026-07-17