본문 바로가기
전체 75
75
Frontend7분 읽기
RSC 데이터 페칭 4패턴 — Next.js 16에서 무엇을 언제 쓰나
React Server Components의 데이터 페칭 4패턴(서버 직접·use·Server Action·streaming)을 비교하고 상황별 결정 가이드.
#React#RSC#Next.js
2026.05.07
74
Frontend6분 읽기
Next.js 16 캐싱 모델 — "use cache" 디렉티브 실전 정리
Next.js 16의 새 캐싱 모델 정리. "use cache" 디렉티브, dynamicIO, fetch 캐시 변화, 마이그레이션 함정.
#Next.js#React#Caching
2026.05.01
73
Frontend7분 읽기
React Compiler 1.0 정식 출시 — useMemo·useCallback 작별 가이드
React Compiler 1.0이 stable 진입. 자동 메모이제이션으로 useMemo·useCallback 제거, Meta 사례 + 도입 단계별 가이드.
#React#Compiler#Performance
2026.04.29
72
Frontend7분 읽기
React Server Components 5가지 함정과 해결법 — Context·Hydration·캐싱
RSC 도입 후 1년 — 실무에서 가장 자주 마주치는 5가지 함정 (Context 실패·Hydration 미스매치·캐싱·third-party 라이브러리·환경 변수)과 해결 패턴.
#React#RSC#Next.js
2026.04.21
71
Frontend5분 읽기
Next.js 16 마이그레이션 가이드 — 15에서 변경된 8가지와 dynamic 처리
Next.js 15 → 16 마이그레이션의 주요 변경점 8가지를 실전 코드 예시로 정리. dynamic API 검출 강화, fetch 캐싱 변경, use cache 도입 등.
#Next.js#Migration#AppRouter
2026.04.20
70
Frontend5분 읽기
React Server Components 실전 패턴 — 데이터 페칭·Streaming·use server 완벽 정리
React Server Components(RSC)는 서버에서 렌더링되어 번들에 포함되지 않는 새로운 컴포넌트 유형이다. 데이터 페칭·Streaming·use server·Client Boundary의 실전 사용법을 정리한다.
#React#ServerComponents#NextJS
2026.04.10
69
Frontend3분 읽기
Tauri 2 + React + Rust로 데스크톱 앱 만들기 — Electron 대비 10배 가벼운 앱 개발
Tauri 2 + React + Rust 조합으로 Electron 대비 10배 가벼운 데스크톱 앱을 만드는 방법. 프로젝트 구조, SSH 구현, 빌드 최적화까지
#Tauri#Rust#React
2026.04.01
68
Frontend6분 읽기
Next.js 16.2 완전 정리 — Turbopack 완성, Server Fast Refresh, AI-Native 개발
Next.js 16.2의 핵심 변경사항을 완전 정리합니다. Turbopack 완성으로 400% 빨라진 dev 서버, Server Fast Refresh, AGENTS.md, SRI 지원까지.
#Next.js#Turbopack#React
2026.03.30
67
Frontend9분 읽기
React 컴포넌트 테스트 전략 — Testing Library 실전
React Testing Library를 사용하여 사용자 관점에서 컴포넌트를 테스트하는 전략과 패턴을 실전 예제와 함께 체계적으로 정리합니다.
#React#Testing#TestingLibrary
2026.03.20
66
Frontend2분 읽기
Motion (Framer Motion) — React 애니메이션의 정석
Motion(구 Framer Motion)으로 React에서 선언적으로 애니메이션을 구현하는 방법.
#Motion#Animation#React
2026.02.15
65
Frontend2분 읽기
React 19 Form Actions — 폼 처리의 새로운 패러다임
React 19 Form Actions로 서버 사이드 폼 처리를 선언적으로 구현하는 방법.
#React#Form Actions#Server
2026.02.08
64
Frontend2분 읽기
React 20 RC — 새로운 상태 관리와 렌더링 개선
React 20 RC의 새로운 상태 관리 프리미티브, 렌더링 최적화, 주요 변경사항.
#React#React 20#RC
2026.01.11