useQueries

[React Query] 병렬 쿼리 (Parallel Queries)

React Query 에서 병렬 쿼리는 동시에 실행되는 쿼리로 데이터 가져오기의 동시성을 최대화할 수 있는데, 두 가지 방식의 병렬 쿼리를 정리해보려 한다. 1. 수동 병렬 쿼리수동 병렬 쿼리는 고정된 개수의 쿼리를 병렬로 처리할 때 사용된다. 여러개의 useQuery 훅을 나란히 사용하면 각 쿼리가 병렬로 데이터를 가져온다.function Component() { const usersQuery = useQuery({ queryKey: ["users"], queryFn: () => fetchUsers() }); const teamsQuery = useQuery({ queryKey: ["teams"], queryFn: () => fetchTeams() }); const projectsQu..