# usequery

kjyook

useQuery를 활용하여 openApi연동을 통해 서버에서 데이터를 불러와 사용하자

koyk0408

유저네임 앞에 아이콘이 하나 있다. 이것은 유저가 기분을 선택했을 때, 그 기분의 색을 나타내준다. 하나의 귀여운 포인트랄까. 그런데 이게 작동하지 않는 것을 발견했다.최대한 영어를 배제하고 한글로 서비스를 하고 싶었던 우리...^\_^그래서 display는 한글로 되

cnsrn1874

React Query v5에서 사라질 useQuery의 콜백(onSuccess, onError, onSettled)과 그 이유

imconfi11

react-query v3.39.2 기준이다. 부모와 자식 컴포넌트에서 똑같은 useQuery를 사용했을 때 발생하는 문제와 해결방법을 정리했다.

autumnhee

프로젝트를 진행하다가 원하는 시점에 조회하고 싶은 데이터가 있었는데 queryKey값을 제대로 작성하지 않아서 원하는 시점에 조회를 못 하게 됐던 상황이 생겼었다.문제해결을 하면서 간단하게 useQuery에 대해서 글을 작성해본다.React Query를 사용하여 서버로

zitto

🏷️ [목차] 라우터 객체와 라우팅 정적라우팅과 동적라우팅 비동기 통신과 조건부렌더링 graphql 뮤테이션에 try ~ catch 적용 Apollo 디버깅 툴(Apollo-Client-Devtools) 🖇️ [출처 및 참조] 코드캠프 MDN https://med

doldory55

두 번째 글이다.암튼, 프로젝트를 하면서 React-Query를 사용하여 개발하게 되었다.처음에 React-Query를 사용할 때는 이해가 잘 되지 않았지만 계속 쓰다보니 더 이상 React-Query 없이는 살 수 없는 몸이 되버렸다.그래서 React-Query를 쓰

aimzero9303

React Query는 React 애플리케이션에서 데이터를 가져오고 관리하는 라이브러리이다. 이를 사용하면 API 호출을 간단하게 처리할 수 있고, 캐싱과 자동 업데이트 기능을 통해 데이터를 더 효율적으로 관리할 수 있다..

ktw3577

같은 컴포넌트의 다른파일에서 같은 query-key('user' 라고 하자)를 가진 cache data를 가져오는경우가 많을텐데, 이런경우 어떤 useQuery('user')를 기준으로 cache data가 set되는가?답은 가장 child component의 useQ

ktw3577

useQuery는 일반적으로 컴포넌트단에서 fetch, cache

pikadev1771

\[Udemy React Query로 서버 상태 관리하기](https://www.udemy.com/course/react-query-react/learn/lecture/31621558Server State(서버 상태)를 관리하는 리액트 라이브러리웹 브라우저 세

chosule

App.js 👇🏻Todos.jsx 👇🏻console.log('fetching...') 결과 fetching 이 한번만 나오는걸 확인해볼수 있다.예를 들어 A의 컴포넌트가 usequery를 사용했을때 네트워크 통신을 요청해 네트워크에서 데이터를 받아와서 메모리상의

park0eun

GraphQL Apollo Client Fetch Query 관련

olzlel2000

react-query useQuery()-2

olzlel2000

react-query useQuery()

restarea

해당 글은 무겁고 사이즈가 큰 프로젝트를 진행함에 앞서 server state를 어떤식으로 일관되게 가독성있게 관리하여 효율적인 작업이 가능할까를 고민하며 react query를 이용한 server state 관리법과 폴더구조, 설계등을 담은 글로서 하나의 의견으로 봐

enesdyaz

위처럼 query 가 있을 경우첫 페이지를 띄울때는 문제가 없으나, 이후에 update할 경우에 그 정보가 바로 update 되는 경우가 있고 안된는 경우가 있다.보통 data를 받게 되면 props로 넘기는 경우가 많은데 아래 처럼 해야만 update시 깔끔히 정보가

koyk0408

Todo 앱에 바로 적용해보았다.useState, useEffect를 사용해서 구현.처음 렌더링이 되면 데이터가 fetch된다.useQuery를 사용하니 useEffect, useState를 쓰지 않아도 된다.코드가 직관적이고 간단하다.

cmaw

useQuery 사용시 data를 가져왔을 때data.culturalEventInfo.row 이렇게 데이터 속을 들어가야 할 때data 로만 가지고 온다면 getEventListsData.culturalEventInfo.row 로 길게 늘여 써야한다.이 때, selec

cinephile

React-Query / useQuery / queryClient / useInfiniteQuery