TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
654321
Frontend
tRPC 12 + Server Actions — RSC 환경에서 통합 패턴 정리
tRPC 12에서 Server Actions와 자연스러운 통합. createCallerFactory·RSC 직접 호출·streaming subscriptions까지 6주 운영기.
Frontend
Turbopack stable — Next 17 production 빌드 5분→47초 사례
Turbopack 정식 출시 후 Webpack→Turbopack 전환. dev HMR 8배, prod build 6.4배 빠름. 18개월 운영 함정 정리.
Frontend
Next.js 17 PPR 정착 — Partial Prerendering 6개월 운영기
Next 17 PPR을 트래픽 3M PV/월 사이트에 6개월 운영. TTFB -42%, CDN 비용 -31%, Suspense 경계 설계 노하우.
Frontend
Next.js 16 PPR — Partial Prerendering 프로덕션 3개월 운영기
Next.js 16 PPR 정식 활성 이후 3개월 운영. LCP, TTFB, 캐시 hit rate, 운영 함정과 마이그레이션 패턴.
Frontend
Next.js 16 App Router 캐시 완벽 정리 — force-cache, revalidate, use cache 실전 차이
Next.js 16에서 fetch 기본 캐시 정책이 변경되고 use cache 디렉티브가 정식 도입됐다. force-cache·revalidate·use cache의 차이를 실전 시나리오로 정리한다.
Frontend
React Server Components 실전 패턴 — 데이터 페칭·Streaming·use server 완벽 정리
React Server Components(RSC)는 서버에서 렌더링되어 번들에 포함되지 않는 새로운 컴포넌트 유형이다. 데이터 페칭·Streaming·use server·Client Boundary의 실전 사용법을 정리한다.