react-query : cache, refetch, interval, observer

• react-query 는 브라우저 cache(& stale)를 이용하므로 컴포넌트가 destroy 되고 다시 생성할 때 캐싱 된 데이터로 빠르게 컴포넌트를 생성할 수 있다.
• react-query 에선 observer 패턴이 사용된다.  useQuery에 전달하는 'key'가 observer  패턴에도 이용된다.
  • https://velog.io/@hyunjine/Inside-React-Query
• 기본적으로 브라우저에 focus 됐을 때 refetch 한다. (ex 다른 tab 보다가 react-query가 있는 화면에 돌아올 때)
  • 참고 : https://velog.io/@blackeichi/react-query-focus%EC%8B%9C-refetch%EB%B0%A9%EC%A7%80%ED%95%98%EA%B8%B0
• 몇 초마다 refetch 하고 싶다면 'refetchInterval' 옵션을 준다.
  • 참고 : https://daily-dev-tips.com/posts/automatically-refetching-with-react-query/#:~:text=data%3B%0A%20%20%7D%2C%0A%20%20%7B-,refetchInterval,-%3A%206000%2C