Next.js 14 Tutorial - 71 - Client-side Data Fetching

Next.js 14에서 클라이언트 컴포넌트에서 데이터를 가져올 수 있는데, 리액트 배경을 가진 사용자는 이미 알고 있을 가능성이 높습니다. 🪪

useState와 useEffect를 사용하여 데이터를 가져오고 UI에 렌더링합니다. 🔄

loading과 error 상태를 추가적인 상태 변수를 사용하여 유지하고, 해당 값에 따라 UI를 조건적으로 렌더링합니다. ⚠️

React Server Components를 사용하는 경우, useClient 디렉티브를 사용해야 합니다. ✨

Tanstack Query 3와 같은 라이브러리를 사용하여 요청 기억 (캐싱) 및 재검증 기능을 사용해야 합니다. 📚

클라이언트 컴포넌트에서 route handler를 호출하여 서버에서 데이터를 가져올 수 있습니다. 🚀