TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
20191817161514131211109
Frontend
Tauri 2 + React + Rust로 데스크톱 앱 만들기 — Electron 대비 10배 가벼운 앱 개발
Tauri 2 + React + Rust 조합으로 Electron 대비 10배 가벼운 데스크톱 앱을 만드는 방법. 프로젝트 구조, SSH 구현, 빌드 최적화까지
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
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
React Compiler — 자동 메모이제이션의 미래
React Compiler의 동작 원리, 자동 메모이제이션, 기존 코드와의 호환성.
Frontend
Tanstack Query (React Query) v5 심화 가이드
Tanstack Query v5의 새로운 API, 낙관적 업데이트, 무한 스크롤 구현 패턴.
Frontend
shadcn/ui — 복사해서 쓰는 컴포넌트 라이브러리
shadcn/ui의 철학, 설치 방법, 커스터마이징과 실전 활용 패턴.
Frontend
React Server Components 심층 이해
React Server Components의 동작 원리, 직렬화, 클라이언트 컴포넌트 경계 이해.
Frontend
Error Boundary 패턴 — React 에러 처리 완벽 가이드
React Error Boundary로 컴포넌트 에러를 우아하게 처리하는 패턴과 실전 활용.
Frontend
Next.js 15 정식 출시 — 완전 가이드
Next.js 15 정식 릴리스의 모든 변경사항과 마이그레이션, 새로운 기능 활용법.