Archives
All the articles I've archived.
-
경로가 아닌 데이터를 추적하라: cacheTag와 태그 기반 캐시 무효화
revalidatePath의 경로 중심 무효화가 만드는 구조적 결함을 분석하고, CDN의 서로게이트 키 개념에서 출발한 cacheTag 기반 태그 무효화 아키텍처를 설계한다.
-
revalidatePath로 설계하는 캐시 무효화 아키텍처
revalidatePath의 세 가지 호출 형태를 정리하고, Server Action과 use cache, Suspense를 조합하여 캐시 생성부터 정밀 무효화까지 하나의 흐름으로 동작하는 구조를 설계한다.
-
Next.js 16 온디맨드 캐시 무효화: revalidatePath, revalidateTag, updateTag 실전 가이드
TTL 기반 캐시가 만들어내는 Stale Data 문제를 해결하는 세 가지 온디맨드 무효화 전략을 비교하고, 실무 시나리오별 선택 기준을 정리한다.
-
PPR 도입 판단 기준: Suspense 경계와 cacheLife를 적용할 시점
PPR과 cacheLife 조합이 효과적인 실무 패턴 세 가지를 정리하고, 여행 예약 플랫폼 구현을 통해 정적 셸/캐시 영역/동적 영역의 분류 기준과 빌드 검증 방법을 다룬다.
-
캐시 TTL과 스트리밍: TTFB 병목 없는 렌더링 설계
cacheLife의 stale/revalidate/expire 속성으로 컴포넌트별 TTL을 설계하고, PPR 스트리밍으로 캐시 만료 시점의 TTFB 병목을 제거하는 전략을 정리한다.
-
Next.js 16의 use cache 지시어와 PPR: 컴포넌트 단위 캐싱 실전 가이드
Next.js 16에서 정식 도입된 cacheComponents 옵션과 use cache 지시어를 활용해 컴포넌트 단위 캐싱과 PPR(부분 사전 렌더링)을 구현하는 방법을 실전 예제와 함께 정리한다.
-
PPR과 마이크로 캐싱: cacheComponents와 Suspense 기반 하이브리드 렌더링
Next.js 16의 cacheComponents 스위치와 Suspense 경계를 활용한 PPR(부분 사전 렌더링) 아키텍처를 구현하고, 정적 껍데기/동적 스트리밍/마이크로 캐싱 세 영역의 공존 원리를 정리한다.
-
마이크로 캐싱과 컴포넌트 단위 핀셋 통제: 하이브리드 렌더링 아키텍처
매크로 캐싱의 All or Nothing 한계를 짚고, Next.js 15의 'use cache' 지시어를 활용한 마이크로 캐싱으로 컴포넌트 단위 하이브리드 렌더링을 구현하는 전략을 정리한다.
-
ISR과 SWR 패턴: 시간 기반 캐시 재검증 아키텍처
ISR(점진적 정적 재생성)과 SWR(Stale-While-Revalidate) 패턴의 동작 원리를 시간 흐름에 따라 해부하고, Next.js의 revalidate 옵션을 활용한 시간 기반 캐시 재검증 전략을 실습한다.
-
Next.js 15 캐시 아키텍처: 두 계층의 충돌과 렌더링 제어 전략
Next.js 15에서 Data Cache와 Full Route Cache라는 두 캐시 계층이 어떻게 독립적으로 작동하는지, no-store와 force-cache를 통한 렌더링 제어 전략을 실습과 함께 정리한다.
-
블로그 시작
첫 번째 글. TypeScript 공부를 시작하며.
-
캐시 무효화와 렌더링 아키텍처: 웹 시스템 설계의 핵심 원리
캐시 무효화의 본질부터 CSR/SSR/SSG/ISR 렌더링 전략, 그리고 Next.js 15의 Opt-in 캐싱 철학까지. 웹 시스템 설계에서 신선도와 성능 사이의 트레이드오프를 다룬다.