TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
434241403938373635343332
Frontend
TanStack Query v6 + RSC 통합 — HydrationBoundary·streamedQuery 실전
TanStack Query v6와 Next.js 16 RSC를 통합하는 검증된 패턴. 서버 prefetch + 클라이언트 hydration + streamedQuery로 실시간 응답.
Frontend
React Server Components 5가지 함정과 해결법 — Context·Hydration·캐싱
RSC 도입 후 1년 — 실무에서 가장 자주 마주치는 5가지 함정 (Context 실패·Hydration 미스매치·캐싱·third-party 라이브러리·환경 변수)과 해결 패턴.
Frontend
Next.js 16 마이그레이션 가이드 — 15에서 변경된 8가지와 dynamic 처리
Next.js 15 → 16 마이그레이션의 주요 변경점 8가지를 실전 코드 예시로 정리. dynamic API 검출 강화, fetch 캐싱 변경, use cache 도입 등.
Frontend
Next.js 16.2 완전 정리 — Turbopack 완성, Server Fast Refresh, AI-Native 개발
Next.js 16.2의 핵심 변경사항을 완전 정리합니다. Turbopack 완성으로 400% 빨라진 dev 서버, Server Fast Refresh, AGENTS.md, SRI 지원까지.
Frontend
Next.js 미들웨어 고급 — 인증, 로케일, A/B 테스트
Next.js 미들웨어로 인증 체크, 로케일 감지, A/B 테스트를 구현하는 고급 패턴.
Frontend
Next.js 16.2 — Partial Prerendering 안정화와 새 기능
Next.js 16.2의 PPR 안정화, 새로운 캐싱 API, 개발자 경험 개선 사항.
Frontend
Next.js Image 최적화 심화 — blur placeholder와 CDN 전략
Next.js Image 컴포넌트의 blur placeholder 생성, 외부 이미지 CDN 연동, 반응형 이미지 전략을 심층적으로 살펴봅니다.
Frontend
Next.js 16 — React 19 완전 통합과 새로운 기능
Next.js 16의 React 19 완전 통합, 새로운 라우팅 기능, 성능 개선 사항.
Frontend
Next.js 이미지 최적화 — next/image 완벽 활용
next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.
Frontend
Fumadocs — Next.js 문서 사이트 프레임워크
Fumadocs로 Next.js 기반 기술 문서 사이트를 빠르게 구축하는 방법.
Frontend
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
Frontend
Next.js 15 정식 출시 — 완전 가이드
Next.js 15 정식 릴리스의 모든 변경사항과 마이그레이션, 새로운 기능 활용법.