# swr

SWR Global Configuration
이제 우리가 사용할 useSWR()를 전역적으로 사용하고 싶다. 훌륭한 기능이다.value={options} 값에는 fetcher를 사용할 것이다. 앞에서 사용한 fetcher를 가져 왔다. 이렇게 하면 SWR에 있는 모든 쿼리에 적용할 수 있게 된다.
custom-hook + SWR
앞에서 기록한 useUser() hook에 SWR 도입하였다.useSWR()을 사용할 때는 2개의 인자가 필요하다. 첫번째는 요청을 보낼 url이고 두번째 인자는 fetcher 함수이다. fetcher 함수는 첫번째 인자인 key에 입력한 url을 받는다. url이 아

SWR
https://swr.vercel.app/koSWR 정말로 사용해보고 싶었다.useSWR(Key, Fetcher) => Fetcher 라는 함수를 이용해 Key 라는 주소에서 가져오는 데이터를 전역적으로 관리 이렇게 설명하면 처음 시도 해보는 나도 이해가 안될

Recoil, Context api, redux, mobx, swr
recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있
25) Recoil, Context api, redux, mobx, swr
Context api, redux, mobx, swr
React 에는 전역상태를 관리하는 여러가지 라이브러리가 존재한다.하나씩 알아보도록 하자.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의

Context api, Redux, mobX, SWR
React에서는 전역상태를 관리하는 라이브러리가 다양하게 존재한다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재한다. Redux 외에도 여러가지의 상태관리 라이브러리가 존재하는데 그것에 대해 알아보자. 전역상태에 대한 정의 상태관리
SWR[stale-while-revalidate]에 대하여
SWR을 공부하게 된 계기는 작년에 Redux를 사용하여 프로젝트를 진행했다가 길어지는 코드량과 저장하고 있는 데이터를 업데이트 해주기위해서 많은 노력을 하다보니 조금 지쳤던 거 같습니다.다른 라이브러리를 공부하고 싶었고, 그중에서 같은 상태관리 라이브러리는 아니지만

context api, redux, mobx, swr
React에서 부모가 가지고 있는 State 데이터를최하위에 있는 자식 컴포넌트에 props로 넘겨주려하면중간 중간에 있는 모든 자식 컴포넌트에게 넘겨줘야한다.최하위 컴포넌트로 State를 보낼 뿐인데그 중간 과정이 너무 귀찮고 번거롭다.Context API는 이러한
[React] useSelector를 몰라 4일간 고생한 후기
Axios로 받은 데이터를 Redux 스토어에 넣는 변화를 인식하지 못해서 생긴 문제였다.나중에 Data1이 받아와지긴 하는데 combinedData엔 Data2만 들어가 있음."어차피 Redux store 상태변화는 대부분 다 적용되는데 useSelector를 왜 써

[React]Context api, redux, mobx, swr
React React에서는 전역상태를 관리하는 라이브러리들이 상당히 존재합니다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재합니다.하지만 이 Redux 를 포함한 여러가지의 상태관리 라이브러리가 존재하는데 오늘은 그것을 알아보려고 합니다

왜 SWR 을 선택했는가?
먼저 swr 을 설명하기 전에 간단하게 react 에서 data fetching 방법들을 알아보겠습니다. Data fetching 프론트앤드 사이드 프레임워크(리엑트)에서 서버쪽에 데이터를 요청하고 응답을 받는 방법에는 여러가지가 있습니다. 1. UseEffect

SWR 사용법
SWR은 Next.js로 유명한 Vercel에서 만든 원격 데이터 가져오기를 위한 Hook입니다.오직 useSWR이라는 훅을 사용하여 데이터를 조작합니다.key: 요청을 위한 고유한 값fetcher: 데이터를 조작하기 위한 함수를 반환하는 프라미스options: SWR

SWR - 데이터 가져오기를 위한 React Hooks
데이터 가져오기를 위한 React HooksSWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요청(재검증)을 하고, 최종적으로 최신화된 데이터를 가져오는 전략입니다. SWR을 사용하면 컴포넌트는 지속적이며 자동으로 데이터 업데이트 스트림을 받게 됩니다.