2022/01/09 ~ 14 WIL

react-query를 진행하면서 여러가지 해결해야할 것들이 생겼다.

1. 맨 먼저 나오는 data는 undefined
   useQuery를 통해 데이터를 받아오는데, 항상 맨 먼저는 undefined가 뜨고있었다.
   비동기 식이라 data가 들어오기 전에 바로 호출해버려서 나오는 문제라는 판단이 있었고
   useEffect를 통해 data가 들어오면 state에 저장하는 방식으로 해결했다.

2. 버튼 클릭 시 호출
   query를 사용하면 버튼을 클릭하기 전에도 useQuery가 실행되는데, 버튼을 눌러야만 정보가 나와야하는 상황이었다.
   구글링을 하면 나오는 부분이라 적용은 바로 했으나, query에 필요한 state들을 바꾸면 버튼을 누르지 않아도 바로 실행이 되어버렸다.
   useQuery에 넣는 state들을 바꿔보고 별별 방법을 다 했었는데
   그냥 useQuery에 필요한 state들을 버튼이 클릭되면 바뀌도록 설정하니 바로 해결되었다...