코딩 공부

React - SWR로 서버 데이터 fetch + 캐싱

새혀니 2025. 4. 9. 14:52

npm install swr

import useSWR from 'swr';

const fetcher = (url: string) => fetch(url).then(res => res.json());

export default function Profile() {
  const { data, error, isLoading } = useSWR('/api/user', fetcher);

  if (isLoading) return <div>로딩 중...</div>;
  if (error) return <div>에러 발생</div>;

  return <div>안녕하세요, {data.name}님!</div>;
}