일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 알고리즘
- 프로그래머스
- 해시
- Algorithm
- html
- 인사이드아웃
- 웅진씽크빅
- App Runner
- IT개발캠프
- 프로젝트캠프
- React.js
- typescript
- CS
- 유데미
- 타입스크립트
- react-query
- javascript
- 스나이퍼팩토리
- ip
- 리액트
- BFS
- react
- 네트워크
- 스레드
- 메모리
- 자바스크립트
- 프로세스
- cs #네트워크
- #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
- 개발자부트캠프
- Today
- Total
목록react-query (2)
Bin's Blog
글의 시작 오늘 다루는 주제는 지난 시간에 이어서 React-Query에 대해서 계속 알아보자. 특별히, 대표적인 React-Query의 기능들에서 살펴보고자 한다. 🛠️ 대표적인 기능들 React-Query에서 data fetching을 위해 제공하는 대표적인 기능들을 살펴보자 기본적으로 GET에는 useQuery가, PUT, UPDATE, DELETE에는 useMutation이 사용된다. useQuery 첫 번째 파라미터로 unique key를 포함한 배열이 들어간다. 이후 동일한 쿼리를 불러올 때 유용하게 사용된다. useQuery는 기본적으로 3개의 인자를 받는다. 첫 번째 인자가 queryKey(필수), 두 번째 인자가 queryFn(필수), 세 번째 인자가 options(optional)이다...

글의 시작 오늘 다루는 주제는 내가 실제 프로젝트에 적용해봤던 라이브러리이다. 프로젝트에서 급하게 적용하다 보니 제대로 개념을 이해하고 파악하는 시간이 상대적으로 부족했다. React-Query를 사용해서 얻는 이점이 무엇인지 파악하고, 왜 사용해야 하는지에 대한 물음표를 해소하기 위해서 글을 남기기로 결심했다. React-Query 내용이 많다 보니 글 하나에 다 담을 수가 없어서 2편으로 나눠서 작성하려고 한다. 오늘은 React-Query의 특징에 대해서 살펴보자. 🤔 React-Query란? React-Query는 리액트 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주는 라이브러리이다. 클라이언트 상태와 서버 상태를 명확히 구분하기 위해 만들어졌..