# react-query

302개의 포스트
post-thumbnail

프로젝트로 배우는 NextJS

현재 다니고 있는 회사에서 NextJS를 사용하고 있었기에 온보딩 기간동안 NextJS로 프로젝트를 진행하게 됐다. 여기서는 NextJS를 사용하면서 느낀 어려움과 헷갈렸던 점 그리고 프로젝트를 진행하면서 배운 점을 적어보려고 한다. 1. Pre-Rendering

어제
·
0개의 댓글
·

[WIL] 실전프로젝트 4주차 버그잡기

실전 프로젝트 4주차가 되었다. 여전히 자동로그인 부분에 막혀있는데, 다른 자잘한(?) 버그들이 계속 나오면서 수정을 거듭하고 있다. 수정했던 부분을 기록해 보려고 한다.

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

react query

react query 찍먹 기행기

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

[React-Query] 리액트 쿼리를 사용해보자. step 1

서버로부터 받아올때 비동기로 함께 동작하는 state가 보기 싫어서(and UseEffect도....) react query를 사용해보았다. isLoading, isError, refetch, ...등등먼저 react-query를 설치해준다.npm javascript,

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

(1) React Query 개요

리액트 쿼리를 처음 접하고, 정말 편리하고 멋진 도구라는 생각이 들었다.좀 더 잘 써보고 싶어서 여러 문서를 찾아 읽으며 개념을 정리했고, 정리한 내용을 하나씩 남겨보려고 한다.react-query-logo새로운 기술 스택을 공부할 때는 역시 공식 문서가 국룰이라고 생

7일 전
·
0개의 댓글
·

react-query

Server State 와 Client State의 분리를 목적으로 만들어짐공식 문서react-query를 사용하기 전 axios로 api를 요청하는 함수만 만들어놓고 컴포넌트에서 불러오는 방식을 사용하고 있었다. 물론 전역적인 상태관리도 안되고 있었기 때문에 redu

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

큰 프로젝트에서 React-Query의 7가지 팁

react-query를 실제 프로젝트에 사용할 때 알면 좋은 7가지 팁!

2022년 11월 26일
·
1개의 댓글
·
post-thumbnail

[Next.js] React Query, Prisma와 함께하는 무한 스크롤 (Infinite Scroll)

`react query`의 `useInfiniteQuery`와 `prisma`의 `Cursor-based pagination`을 사용하여 무한 스크롤에 필요한 모든 것을 구현해 보겠습니다! 이번 구현에 사용한 데이터는 아래 첨부한 이미지와 같으며, 전체 코드는 http

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

React Query 란?

React Query 가 무엇인지, 프로젝트에 어떻게 적용할 수 있는지 간단하게 알아본다.

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

React Query

서버의 값을 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 비동기 과정을 더욱 편하게 하는데 사용클라이언트 데이터와 서버 데이터가 공존하는 문제 서버에는 이미 패치된 데이터가 클라이언트에서는 패치되기 전 데이터로 남아있을 수 있음 react-query는

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

📆 22.11.15 - IntersectionObserver, Modal 구현 시, Background Scroll 막기 및 stopPropagation으로 이벤트 버블링 막기

지금까지 scroll 이벤트로 재는 것을 IntersectionObserver 가 대신 해준다. 주로 스크롤과 관련있는 애니메이션을 넣는데 용이하다.추가로 intersectionRatio를 사용하면 감시하고 있는 요소가 어느정도에 도달했는지 알려준다고 한다. 이 기능을

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

suspense를 지원하게 된 useQueries

v4.5.0에 포함된 useQueries + Suspense 이슈 수정에 대해 설명합니다.

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

React Query 기본 개념과 도입 사례

React Query의 기본 개념과 도입 사례

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

React Query 맛보기

채용글에도 제법 보이고, 얼마전 면접을 볼 때도 react-query에 대해서 아는지 질문이 들어왔다.어...react-swr은 예전에 본적이 있는 것 같긴 한데 뭐지?결론을 위로 당겨써보자면, react query 를 사용하면 아래와 같은 장점이 있다.1\. 나는 이

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

React-Query - #cache

React-Query의 경우 서버 상태를 관리하기 위해 전역으로 데이터를 저장하지 않는다. 이 경우 사용할 수 있는 게 staleTime, cacheTime 이다. 어플리케이션 내에서 전역상태를 저장하고 있는건 아니지만 React-Query가 서버 상태를 cache를

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

Caching with React Query

레벨로그 프로젝트 React Query Cache 리액트 쿼리는 개발자에게 캐시 설정을 쉽게 할 수 있는 옵션을 제공한다. 바로 cacheTime 과 staleTime 쿼리 상태 fetching : 요청 중인 쿼리 fresh : 새롭게 추가된 쿼리 (만료되지

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