Next.js 서버 액션과 루트 핸들러 아직도 헷갈리시나요
Next.js의 두 가지 핵심 서버 통신 방식인 서버 액션과 루트 핸들러의 차이점을 명확히 짚어보고, 언제 무엇을 사용해야 하는지에 대한 완벽한 가이드를 제시합니다.
Read more리액트 라우터와 서버 컴포넌트(RSC)의 첫 만남, 직접 써본 후기
드디어 리액트 라우터에서 리액트 서버 컴포넌트(RSC)를 실험적으로 지원하기 시작했습니다. 기존의 loader 방식과 무엇이 다른지, 왜 우리가 RSC에 주목해야 하는지, 그리고 직접 블로그를 마이그레이션하며 겪은 생생한 첫인상을 공유합니다.
Read moreReact Suspense, 잘못 쓰면 폭포수처럼 느려집니다 (워터폴 피하는 법)
React의 Suspense는 비동기 UI를 위한 강력한 도구지만, 자칫하면 데이터 로딩이 순차적으로 지연되는 워터폴 현상을 유발할 수 있습니다. 중첩된 Suspense와 병렬 Suspense의 차이점을 이해하고, 워터폴을 피하는 세 가지 실전 패턴을 알아봅니다.
Read more서버 컴포넌트, '이렇게' 쓰시면 말짱 꽝입니다 (RSC 조합의 기술)
React 서버 컴포넌트의 이점을 해치지 않으면서 클라이언트 컴포넌트와 효과적으로 조합하는 핵심 패턴을 알아봅니다. 서버 컴포넌트를 children으로 전달하는 간단한 방법으로 성능과 재사용성을 모두 잡아보세요.
Read moreReact Cache 그냥 쓰셨나요? (숨겨진 일관성의 비밀)
React의 cache 함수는 단순한 성능 최적화 도구가 아닙니다. React 서버 컴포넌트(RSC) 환경에서 데이터 일관성을 보장하는 핵심 API로서 cache의 진짜 역할을 깊이 있게 파헤칩니다.
Read more