TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
87654321
Frontend
RSC 데이터 페칭 4패턴 — Next.js 16에서 무엇을 언제 쓰나
React Server Components의 데이터 페칭 4패턴(서버 직접·use·Server Action·streaming)을 비교하고 상황별 결정 가이드.
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
React Server Components 심층 이해
React Server Components의 동작 원리, 직렬화, 클라이언트 컴포넌트 경계 이해.
Frontend
React 2023 총정리 — RSC·Server Actions·Compiler
React 2023 총정리 — RSC·Server Actions·Compiler — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React Server Components 심층 이해 — 서버와 클라이언트 경계
React Server Components 심층 이해 — 서버와 클라이언트 경계 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React 2022 총정리 — 18 정식·RSC·Server Actions 예고
React 2022 총정리 — 18 정식·RSC·Server Actions 예고 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
React Server Components 이해하기 — RSC의 핵심 개념
React Server Components 이해하기 — RSC의 핵심 개념 — 실무에서 바로 적용할 수 있는 가이드입니다.