728x90 반응형 useQuery8 [React] react-query v5 변경점 알아보기 (3) - useQueries 기능 변경 안녕하세요. J4J입니다. 이번 포스팅은 react-query v5 변경점 알아보기 세 번째인 useQueries 기능 변경에 대해 적어보는 시간을 가져보려고 합니다. 이전 글 [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 [React] react-query v5 변경점 알아보기 (2) - query 공통 기능 변경 Combine 추가 useQueries만이 가지고 있는 변경점은 1개로 combine 기능이 추가되었습니다. combine 기능은 useQueries를 통해 실행되는 여러 query들의 결과를 하나로 합쳐 1개의 query가 실행된 것과 같은 결과를 제공해 줍니다. react-query 공식 문서에 따르면 combine을 활용하여 구조적으로 안정화가 될 .. 2023. 12. 3. [React] react-query v5 변경점 알아보기 (2) - query 공통 기능 변경 안녕하세요. J4J입니다. 이번 포스팅은 react-query v5 변경점 알아보기 두 번째인 query 공통 기능 변경에 대해 적어보는 시간을 가져보려고 합니다. 이전 글 [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 getQueryData Filter 사용 변경 react-query에서 query 처리를 수행할 때 활용될 수 있는 공통 기능 중 첫 번째 변경된 사항은 getQueryData입니다. getQueryData는 query key에 매핑되어 있는 캐싱된 데이터가 존재하는 경우 해당 데이터를 불러와 사용할 수 있도록 도와줍니다. 그래서 getQueryData를 사용할 땐 query key의 값을 넣어줘야 했고 이외에 추가적으로 query filter라는 것.. 2023. 12. 1. [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 안녕하세요. J4J입니다. 이번 포스팅은 react-query v5 변경점 알아보기 첫 번째인 공통 기능 변경에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 최근 react-query의 major 버전이 변경되어 5 버전이 등장하게 되었습니다. react-query 공식 문서를 확인해 보면 5 버전이 등장하면서 변경된 다양한 것들을 확인해 볼 수 있습니다. 이 중 주요 변경점들에 대해 서로 관련 있는 것들끼리 묶어 정리를 해보려고 합니다. 가장 먼저 공통 기능 변경점에 대해 적어보겠습니다. Options 설정 방법 변경 useQuery, useMutate 등을 사용할 때 options 설정을 하는 방법이 변경되었습니다. 먼저 5버전 이전까지는 options를 설정할 때 다음과 같이 objec.. 2023. 11. 28. [Next] Data Fetching에 대해 알아보기 (4) - useQuery 안녕하세요. J4J입니다. 이번 포스팅은 Data Fetching의 마지막인 useQuery에 대해 적어보는 시간을 가져보려고 합니다. 이전 글 [Next] Data Fetching에 대해 알아보기 (1) - CSR / SSR [Next] Data Fetching에 대해 알아보기 (2) - SSG / Dynamic Routing [Next] Data Fetching에 대해 알아보기 (3) - ISR 들어가기에 앞서 Next 공식문서에 따르면 Next의 Data Fetching의 종류는 다음과 같이 있습니다. SSR SSG CSR Dynamic Routes ISR 공식문서에서 소개하고 있는 위의 Data Fetching들은 이전 글들에서 모두 다룬 상태입니다. 그리고 이번 글은 useQuery와 관련되어서.. 2023. 3. 5. [React] React Query의 useInfiniteQuery에 대해 알아보기 안녕하세요. J4J입니다. 이번 포스팅은 React Query의 useInfiniteQuery에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 react query의 기능 업데이트가 주기적으로 이루어졌고 최근 v5로 넘어오면서 여러 가지 변경점들이 발생되었습니다. 최근 변경점에 대해서도 확인하고 싶으신 분들은 아래 글들을 참고 부탁드립니다. [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 [React] react-query v5 변경점 알아보기 (2) - query 공통 기능 변경 [React] react-query v5 변경점 알아보기 (4) - useInfiniteQuery 기능 변경 useInfiniteQuery란? useInfiniteQuery는 파라.. 2022. 3. 13. [React] React Query의 useQueries에 대해 알아보기 안녕하세요. J4J입니다. 이번 포스팅은 React Query의 useQueries에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 react query의 기능 업데이트가 주기적으로 이루어졌고 최근 v5로 넘어오면서 여러 가지 변경점들이 발생되었습니다. 최근 변경점에 대해서도 확인하고 싶으신 분들은 아래 글들을 참고 부탁드립니다. [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 [React] react-query v5 변경점 알아보기 (2) - query 공통 기능 변경 [React] react-query v5 변경점 알아보기 (3) - useQueries 기능 변경 useQueries란? useQueries는 React Query에서 useQuery의 동적.. 2022. 3. 11. [React] React Query의 useMutation에 대해 알아보기 안녕하세요. J4J입니다. 이번 포스팅은 React Query의 useMutation에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 react query의 기능 업데이트가 주기적으로 이루어졌고 최근 v5로 넘어오면서 여러 가지 변경점들이 발생되었습니다. 최근 변경점에 대해서도 확인하고 싶으신 분들은 아래 글들을 참고 부탁드립니다. [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 [React] react-query v5 변경점 알아보기 (5) - useMutation 기능 변경 useMutation란? useMutation은 React Query를 이용해 서버에 데이터 변경 작업을 요청할 때 사용합니다. ※ 데이터 조회를 할 때는 useQuery를 사용합니다.. 2022. 3. 9. [React] React Query의 useQuery에 대해 알아보기 안녕하세요. J4J입니다. 이번 포스팅은 React Query의 useQuery에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 react query의 기능 업데이트가 주기적으로 이루어졌고 최근 v5로 넘어오면서 여러 가지 변경점들이 발생되었습니다. 최근 변경점에 대해서도 확인하고 싶으신 분들은 아래 글들을 참고 부탁드립니다. [React] react-query v5 변경점 알아보기 (1) - 공통 기능 변경 [React] react-query v5 변경점 알아보기 (2) - query 공통 기능 변경 useQuery란? useQuery는 React Query를 이용해 서버로부터 데이터를 조회해올 때 사용합니다. ※ 데이터 조회가 아닌 데이터 변경 작업을 할 때는 useMutation을 사용합.. 2022. 3. 8. 이전 1 다음 728x90 반응형
