# swr

50개의 포스트

SWR 심층탐구 - useSWRInfinite

SWR에 대해 좀 더 깊게 알아보자.

약 5시간 전
·
0개의 댓글
·

SWR 심층탐구 - useSWR, mutate

SWR에 대해 좀 더 깊게 알아보자.

약 6시간 전
·
0개의 댓글
·
post-thumbnail

React SWR 사용하기(기초!)

오늘은 SWR 을 사용하는 방법에 대해서 알아보겠습니다SWR은 vercel에서 제작한, 데이터를 가져오기 위한 모듈입니다. 간단하게 SWR을 어떻게 사용하는 지에 대해 기록하려 합니다.설치npm i swr 혹은 yarn add swr을 이용해 설치 할수 있습니다.SWR

4일 전
·
0개의 댓글
·

SWR 기초

참고링크 https://swr.vercel.app/ko

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

SWR refresh interval

맨처음 개발했던 웹사이트에서 글을 남기면 새로고침 없이 렌더링 되는 방법을 결국 못찾아 결국 새로고침이 되도록 설정했던 경험이 있다. 그 당시에 해결 방법을 못찾았는데 SWR을 사용하면 굉장히 쉽고 간단하게 리랜더링이 가능하다https://swr.vercel.

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

[FE] Data Fetching Libraries

: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝

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

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

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

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

SWR mutation(Bound Mutation)

SWR mutate 사용해보고 싶었던 기능이었다. 지금 데이터 하트를 누르면 빨간색으로 변경 되는데 이 기능을 데이터 요청 없이 즉각적으로 미리 보여주고 싶을수가 있다. 사용자가 UI에서 이질감을 느끼거나 데이터 요청의 기다림 없이 해결하고 싶을 때 mutate를 사용

2022년 6월 15일
·
0개의 댓글
·
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개의 댓글
·

25) Recoil, Context api, redux, mobx, swr

context apicontext를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.일반적인 React 데이터는 위에서 아래로 즉 부모에서 자식으로 props를 통해 전달된다.하지만 여러 컴포넌트에게 전달해줘야한다면

2022년 6월 9일
·
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개의 댓글
·