bkdragon's log

리액트 쿼리의 select 옵션을 사용해봅시다! 아래는 공식문서의 설명이다. This option can be used to transform or select a part of the data returned by the query function. "이 옵션은 쿼리 함수에서 반환된 데이터의 일부를 변환하거나 선택하는 데 사용할 수 있습니다." 즉 useQuery 훅이 반환하는 데이터에서 특정 부분만 선택할 수 있도록 해주는 옵션이다. 필요한 데이터만을 선택한다는 점이 graphql과 비슷하다. 실제 적용한 코드를 봐보자. const { data, isLoading } = useQuery("user", fetchUser, { select: data => ({ id: data.id, name: data...

최근에 프로젝트에 적용할 목적으로 리액트 쿼리에 대해 공부했었다. 리액트 쿼리는 데이터 fetching, caching, sever state 동기화 및 업데이트의 도움을 주는 라이브러리이다. 간단하게 사용법과 주가 되는 개념들만 공부하고 사용하다가 공식문서를 살펴보던 중 알게된 개념에 대해 글을 써보려고 한다. refetchOnMount는 useQuery 훅의 option으로 줄 수 있는 값이다. 공식 문서의 내용을 보면 다음과 같다. refetchOnMount: boolean | "always" | ((query: Query) => boolean | "always") Optional Defaults to true If set to true, the query will refetch on mount i..