# swr

43개의 포스트
post-thumbnail

상태관리는 대체 어떻게 해야하는거야! - 1

프론트엔드 상태관리를 항상 고민한 사람들에게... (나포함)

5일 전
·
2개의 댓글
post-thumbnail

SWR Global Configuration

이제 우리가 사용할 useSWR()를 전역적으로 사용하고 싶다. 훌륭한 기능이다.value={options} 값에는 fetcher를 사용할 것이다. 앞에서 사용한 fetcher를 가져 왔다. 이렇게 하면 SWR에 있는 모든 쿼리에 적용할 수 있게 된다.

2022년 6월 15일
·
0개의 댓글

custom-hook + SWR

앞에서 기록한 useUser() hook에 SWR 도입하였다.useSWR()을 사용할 때는 2개의 인자가 필요하다. 첫번째는 요청을 보낼 url이고 두번째 인자는 fetcher 함수이다. fetcher 함수는 첫번째 인자인 key에 입력한 url을 받는다. url이 아

2022년 6월 15일
·
0개의 댓글
post-thumbnail

SWR

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

2022년 6월 15일
·
0개의 댓글

React 상태 관리 라이브러리들

Redux : 최초, 복잡하고 장황한 코드 필요 리덕스를 보완해서 나온 라이브러리들 ...

2022년 6월 12일
·
0개의 댓글
post-thumbnail

Recoil, Context api, redux, mobx, swr

recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있

2022년 6월 11일
·
0개의 댓글

Context api, redux, mobx, swr

React 에는 전역상태를 관리하는 여러가지 라이브러리가 존재한다.하나씩 알아보도록 하자.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의

2022년 6월 7일
·
0개의 댓글
post-thumbnail

Context api, Redux, mobX, SWR

React에서는 전역상태를 관리하는 라이브러리가 다양하게 존재한다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재한다. Redux 외에도 여러가지의 상태관리 라이브러리가 존재하는데 그것에 대해 알아보자. 전역상태에 대한 정의 상태관리

2022년 6월 6일
·
0개의 댓글
post-thumbnail

[SWR] Pagination

useSWR과 useSWRInfinite를 이용한 pagination

2022년 6월 3일
·
0개의 댓글
post-thumbnail

[SWR] serverless Real-Time

serverless 환경에서 Real-Time인 척 도와주는 함수

2022년 5월 29일
·
0개의 댓글
post-thumbnail

[SWR] mutate

데이터 변경을 위한 SWR 함수

2022년 5월 26일
·
0개의 댓글

SWR[stale-while-revalidate]에 대하여

SWR을 공부하게 된 계기는 작년에 Redux를 사용하여 프로젝트를 진행했다가 길어지는 코드량과 저장하고 있는 데이터를 업데이트 해주기위해서 많은 노력을 하다보니 조금 지쳤던 거 같습니다.다른 라이브러리를 공부하고 싶었고, 그중에서 같은 상태관리 라이브러리는 아니지만

2022년 5월 1일
·
0개의 댓글
post-thumbnail

context api, redux, mobx, swr

React에서 부모가 가지고 있는 State 데이터를최하위에 있는 자식 컴포넌트에 props로 넘겨주려하면중간 중간에 있는 모든 자식 컴포넌트에게 넘겨줘야한다.최하위 컴포넌트로 State를 보낼 뿐인데그 중간 과정이 너무 귀찮고 번거롭다.Context API는 이러한

2022년 4월 16일
·
0개의 댓글

[React] useSelector를 몰라 4일간 고생한 후기

Axios로 받은 데이터를 Redux 스토어에 넣는 변화를 인식하지 못해서 생긴 문제였다.나중에 Data1이 받아와지긴 하는데 combinedData엔 Data2만 들어가 있음."어차피 Redux store 상태변화는 대부분 다 적용되는데 useSelector를 왜 써

2022년 4월 12일
·
0개의 댓글
post-thumbnail

context api, redux, mobx, swr

context api, redux, mobx, swr

2022년 4월 11일
·
0개의 댓글
post-thumbnail

[React]Context api, redux, mobx, swr

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

2022년 4월 11일
·
0개의 댓글
post-thumbnail

왜 SWR 을 선택했는가?

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

2022년 4월 11일
·
0개의 댓글
post-thumbnail

SWR 사용법

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

2022년 3월 31일
·
0개의 댓글
post-thumbnail

SWR - 데이터 가져오기를 위한 React Hooks

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

2022년 3월 21일
·
0개의 댓글