TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
686766656463626160595857
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
React 컴포넌트 테스트 전략 — Testing Library 실전
React Testing Library를 사용하여 사용자 관점에서 컴포넌트를 테스트하는 전략과 패턴을 실전 예제와 함께 체계적으로 정리합니다.
Frontend
Motion (Framer Motion) — React 애니메이션의 정석
Motion(구 Framer Motion)으로 React에서 선언적으로 애니메이션을 구현하는 방법.
Frontend
React 19 Form Actions — 폼 처리의 새로운 패러다임
React 19 Form Actions로 서버 사이드 폼 처리를 선언적으로 구현하는 방법.
Frontend
React 20 RC — 새로운 상태 관리와 렌더링 개선
React 20 RC의 새로운 상태 관리 프리미티브, 렌더링 최적화, 주요 변경사항.
Frontend
Streaming SSR — React 18+ 서버 스트리밍 렌더링
React 18+의 Streaming SSR로 TTFB를 단축하고 점진적 렌더링을 구현하는 방법.
Frontend
Radix UI 컴포넌트 커스터마이징 완벽 가이드
Radix UI의 헤드리스 컴포넌트를 Tailwind CSS와 함께 커스터마이징하여 접근성을 유지하면서 독자적인 디자인을 구현합니다.
Frontend
React Compiler — 자동 메모이제이션의 미래
React Compiler의 동작 원리, 자동 메모이제이션, 기존 코드와의 호환성.
Frontend
SWR 심화 — 낙관적 업데이트와 뮤테이션 전략
SWR의 고급 기능인 낙관적 업데이트, 뮤테이션, 캐시 무효화 전략을 실제 예제와 함께 깊이 있게 다루는 실전 가이드입니다.
Frontend
Tanstack Query (React Query) v5 심화 가이드
Tanstack Query v5의 새로운 API, 낙관적 업데이트, 무한 스크롤 구현 패턴.
Frontend
shadcn/ui — 복사해서 쓰는 컴포넌트 라이브러리
shadcn/ui의 철학, 설치 방법, 커스터마이징과 실전 활용 패턴.
Frontend
React Server Components 심층 이해
React Server Components의 동작 원리, 직렬화, 클라이언트 컴포넌트 경계 이해.