검색 모달 창에서 검색할 때 리액트 쿼리 사용 여부

제가 볼땐 useQuery를 굳이 사용하지 않아도 되는 일로 보여집니다. 구현은 할 수 있겠지만요. react-query를 사용하는 목적을 생각해보면, 보통 캐싱 처리나 자주 변경되지 않는 값을 처리할 때 주로 사용됩니다. 다만 몇가지 상황에는 예외적으로 사용할 수 있습니다. 일례로 Dashboard 처럼, 사람의 터치가 없어도 몇초마다 갱신되는 데이터를 보여줄 때도 react-query는 유용하게 사용할 수 있습니다. (이 경우에도 너무 자주 refetch되지 않도록 주의해야 합니다.) 사람의 입력이 필요한 검색창을 구현하는 데에는 성격이 좀 맞지 않아보입니다. API를 get하는 fetch나 axios.get으로 구현해도 충분할 것 같습니다. 이렇듯 라이브러리를 사용하는 목적을 먼저 파악 후 기능을 구현한다면 효율적으로 구현할 수 있을 것입니다. 최신의 라이브러리를 많이 써보고 싶으시겠지만 그들은 적절히 사용할 수 있는 사용처가 전부 따로 있습니다. 예시를 많이 보고 적재적소에 활용할 수 있도록 생각을 하시면 좋겠습니다. 너무 과잉스펙이 되지 않도록 개발 방향을 잡는 것도 능력입니다. 즐거운 개발 되세요.

비단 페이징을 위해서 사용하는 것은 아닐텐데요. 가령 최근 검색 기록이라는 UI가 있다면 ,검색했던 데이터가 필요할 겁니다. 캐싱된 데이터가 있다면 유리하겠죠. 사이트 내 제품 혹은 브랜드 검색이라면 해당 검색 결과의 UI는 복합다잡할 겁니다. 이 경우에도 데이터를 캐싱하고 revalidate하거나 stale time을 조정하여 제어하는 것이 유리할 겁니다. 검색이나 조회 모두 데이터를 요청하는 행위이니, 그 데이터를 UI에서 어떻게 다루는지를 두고 사용 여부를 판단하는 것이 적절하겠지요.

네 충분히 사용 가능합니다. 말씀하신 것과 같이, useQuery를 페이지 render와 함께 같이 통신이 일어나기 때문에 특수힌 조건이나 조작이 필요한 경우가 생기긴 합니다. 대신 말씀하신 것과 같이 사용자의 액션이 있을 때만 검색하고 싶으시다면, useQuery의 enabled 속성을 주셔서 사용하는 방법입니다. useQuery, enabled 구글링 하셔서 참고해보세요. 그럼 화이팅. 😎😎