코딩 공부
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>;
}