# 작업일지 18 / 조건에 따른 데이터 refetch, 검색 기능 로직 수정

이틀간 SSE와 싸워 지쳤던 나는, 나머지 마무리 하지 못한 기능을 마저 완성하기로 했다. 

 

1. queryClient.refetchQueries(key) 메서드로 실시간 데이터가 업데이트 될 때마다 refetch 되도록 했다. 

상품 상세페이지에서 입찰 후 실시간 데이터가 변경이 될 때, 웹소켓으로 받아오지 않는 나머지 데이터에 대해서도 업데이트 되도록 했다. 이제 훨씬 자연스럽고 더 실시간으로 변경되는 느낌이 난다. 

위와 같이 key값을 넘기면 간단하게 사용이 가능하다.

 

option에 enabled 라는 속성에 boolean 값을 넣으면 평가에 따라 refetch 하도록 할 수 있는데, 나의 경우 response 데이터가 변경될때마다 상태를 처리하는 것보다 refetchQueries 라는 메서드를 쓰는게 더 명확하게 업데이트 할 수 있어서 위와 같이 작성해주었다. 

 

2. 커스텀 훅을 만들어서 게시글 상세 데이터에 대한 useQuery 중복 코드를 리팩토링했다. 뭔가 공통으로 적용될 수 있도록 훅을 만들어서 더 효율적으로 만들고 싶은데, 좋은 방법이 떠오르지 않는다. 좀 더 찾아봐야겠음.

그리고 그 외 검색 기능 구현도 마무리 하고 (요청 엔드포인트에 오타가 있어서 안되고 있었다. ) 인기 검색어 API도 연결하였다. 목데이터를 토대로 로직을 미리 작성해 두어서 훨씬 빠르게 수정할 수 있었다.