React-Query는 기존에 프로그래머가 직접 작성해야 했던 비동기 http 통신 로직을 쉽게 다룰 수 있게 해주는 라이브러리이다. 데이터를 항상 최신 상태로 유지해주며, loading, error, success 등 일렬의 컨트롤을 쉽게 할 수 있다. yarn add react-query 명령어를 사용하여 라이브러리를 설치해준 후 package.json 파일에서 정상적으로 설치가 된 것을 확인해준다. 이후 Context로 하위 컴포넌트를 감싼 후 queryClient를 내려보내 준다. queryClient는 비동기 요청을 알아서 처리하게 해주는 Background가 된다. 쿼리는 4가지의 상태를 가진다. 1. fresh: 새롭게 추가된 쿼리 인스턴스이며, active 상태의 시작이다. staleTim..