TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
515049484746454443424140
Frontend
Zustand v5 — React 상태 관리의 미니멀리즘
Zustand v5의 새로운 기능과 미들웨어 패턴, Redux 대비 장점.
Frontend
React 19 새 기능 — use(), Actions, 서버 컴포넌트 개선
React 19의 핵심 변경사항 — use() 훅, Actions 패턴, 폼 처리 개선.
Frontend
React Suspense와 ErrorBoundary 조합 패턴
React Suspense와 ErrorBoundary를 조합하여 로딩 상태와 에러 상태를 선언적으로 처리하는 패턴을 실전 예제로 구현합니다.
Frontend
Remix 프레임워크 — 웹 표준 기반 풀스택 개발
Remix의 중첩 라우팅, 로더/액션 패턴, 웹 표준 API 활용 가이드.
Frontend
Framer Motion 고급 애니메이션 패턴 정리
Framer Motion의 variants, layout animation, AnimatePresence 등 고급 패턴을 실전 예제와 함께 정리합니다.
Frontend
Next.js 14 App Router — Server Actions 실전 활용
Next.js 14의 Server Actions를 활용한 폼 처리, 데이터 뮤테이션, 재검증 패턴.
Frontend
React 18 Concurrent 렌더링 완벽 이해
React 18의 Concurrent 기능 — Suspense, Transition, useDeferredValue의 실전 활용법.
Frontend
React 2023 총정리 — RSC·Server Actions·Compiler
React 2023 총정리 — RSC·Server Actions·Compiler — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React Forget 컴파일러 — 자동 메모이제이션의 미래
React Forget 컴파일러 — 자동 메모이제이션의 미래 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React Server Actions — 폼 처리의 새로운 패러다임
React Server Actions — 폼 처리의 새로운 패러다임 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React Suspense 심화 — Streaming SSR과 선택적 하이드레이션
React Suspense 심화 — Streaming SSR과 선택적 하이드레이션 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React useSyncExternalStore — 외부 상태 동기화 훅
React useSyncExternalStore — 외부 상태 동기화 훅 — 실무에서 바로 적용할 수 있는 가이드입니다.