# DataFetch

0_right

🫠 업로드가 느렸던 이유... 기존 ClubStudy 페이지는 하드코딩으로 작성되어있었다..(작업 초반 나의 실력 미숙과 기한이 짧았어서) 그래서 해당부분을 API를 받아와서 적용하려하다 보니 발생하는 오류가 있었다. 하지만 오류가 하나를 해결하니 다른 오류가 계속 발생했고, 천천히 처음부터 돌아가보자 라는 생각이 들었다. 한부분당 하나씩 업로드를 했어야했는데...나를 과신해서 하루만에 다 해결할 줄 알았다.. 이제 어떤 문제가 있었고, 어떻게 해결했는지 확인해보자. ✅ 문제 1. CSR vs SSG vs SSR CSR은 JS파일을 전부 로드해야, 페이지 정보를 구성할 수 있으므로 SEO에 취약하다. 하지만 해당 웹사이트는 마케팅을 위해 SEO가 필요한 상황이기 때문에 CSR은 제외했다. SSG와 SSR 중에 선택을 해야했다. SSR의 장점으로는 더 많은 실시간 데이터를 가져와 응답을 하는 것이다. 하지만 페이지 특성상 실

sonic

SWR 이란? SWR 이라는 이름은 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래 SWR은 먼저 캐시로부터 데이터를 반환한 후, fetch 요청을하고, 최종적으로 데이터를 가져온는 전략이다. 빠르고, 가볍고, 재사용 가능 내장된 캐시로 요청 중복 제거 SWR 시작하기 설치 useSWR 기본 사용법 API 옵션 파라미터 key : 요청을 위한 고유키 fetcher(선택) : 데이터를 가져오기 위한 함수를 반환하는 Promise options(선택) : SWR hook을 위한 옵션 객체 반환 값 data : fetcher로 받아온 key에 대한 데이터 error : fetcher에서 발생한 에러