리액트 데이터 패칭 라이브러리 ❓상황 Next.js CSR에서의 데이터 패칭하는 방법을 배우기 위해, swr를 학습하고 정리함. 📖 swr 이란? "SWR"이라는 이름은 HTTP RFC 5861에 의해 알려진 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래되었습니다. SWR은 먼저 캐시(스태일)로부터 데이터를 반환하여 UI를 만들고, 데이터 fetch 요청(재검증)을 하고, 최종적으로 최신화된 데이터를 가져와 UI에 표시하는 전략입니다. 네트워크 재연결되거나, 뷰포트가 클릭되면 다시 데이터 패치가 발생합니다. 쉽게 말하자면, 사용자의 노트북이 대기상태에서 깨어나거나, 브라우저 탭을 전환할 때 자동으로 데이터 패치가 발생합니다. 🐸 설치 yarn add swr 🚀 빠른 시작! ..