Custom Hook 으로 Wrapping

API 별로 Custom Hook을 만들어서 사용하면 API를 손쉽게 체계적으로 관리할 수 있다.

즉, API 마다 useQuery를 Custom Hook으로 wrapping한다.

Persist Data Caching

*persisQueryClient 는 local storage 등 JavaScript에서 접근할 수 있는 data store에 캐시 정보를 저장하여 사용자의 페이지 이탈, 브라우저 종료 후 재접속시에 기존에 캐싱해놓은 정보를 사용하여 빠르게 초기화면을 보여줄 수 있다.*