# usequery

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

[번역] React Query API의 의도된 중단
React Query v5에서 사라질 useQuery의 콜백(onSuccess, onError, onSettled)과 그 이유
key가 동일한 useQuery 두 번 사용하기
react-query v3.39.2 기준이다. 부모와 자식 컴포넌트에서 똑같은 useQuery를 사용했을 때 발생하는 문제와 해결방법을 정리했다.

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

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

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

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

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

useQuery, queryClient, useMutation (React-query)
useQuery는 일반적으로 컴포넌트단에서 fetch, cache

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

[ React ] usequery - 1
App.js 👇🏻Todos.jsx 👇🏻console.log('fetching...') 결과 fetching 이 한번만 나오는걸 확인해볼수 있다.예를 들어 A의 컴포넌트가 usequery를 사용했을때 네트워크 통신을 요청해 네트워크에서 데이터를 받아와서 메모리상의
[GraphQL Apollo-Client]- Fetch Query ( useQuery사용 시 update 방법과 useLazyQuery로 수동 실행 등..)
GraphQL Apollo Client Fetch Query 관련

[react-query] 리액트 쿼리를 이용한 server state 관리 / 구조
해당 글은 무겁고 사이즈가 큰 프로젝트를 진행함에 앞서 server state를 어떤식으로 일관되게 가독성있게 관리하여 효율적인 작업이 가능할까를 고민하며 react query를 이용한 server state 관리법과 폴더구조, 설계등을 담은 글로서 하나의 의견으로 봐
useQuery-refetch 페이지로 올때 초기화
위처럼 query 가 있을 경우첫 페이지를 띄울때는 문제가 없으나, 이후에 update할 경우에 그 정보가 바로 update 되는 경우가 있고 안된는 경우가 있다.보통 data를 받게 되면 props로 넘기는 경우가 많은데 아래 처럼 해야만 update시 깔끔히 정보가
[React] useState + useEffect 대신 useQuery 사용하기: get
Todo 앱에 바로 적용해보았다.useState, useEffect를 사용해서 구현.처음 렌더링이 되면 데이터가 fetch된다.useQuery를 사용하니 useEffect, useState를 쓰지 않아도 된다.코드가 직관적이고 간단하다.
[React] useQuery select
useQuery 사용시 data를 가져왔을 때data.culturalEventInfo.row 이렇게 데이터 속을 들어가야 할 때data 로만 가지고 온다면 getEventListsData.culturalEventInfo.row 로 길게 늘여 써야한다.이 때, selec
77일차 TIL : RN 영화 리뷰앱 - React Query
React-Query / useQuery / queryClient / useInfiniteQuery