검색,태그 기능 구현
- useInfiniteQuery를 이용하여
예) "dog"라는 태그를 눌렀을 때 dog 태그가 들어간 모든 이미지 보여주기
예) 검색란에 검색시 해당 검색어의 태그가 들어간 이미지 보여주기
등을 infiniteQuery로 관리하였다.
보기와 같이 tag와 searchKeyword 의 state값이 바뀔 때 마다
해당 state값을 가진 queryKey 가 새롭게 생성되어, 해당 데이터가 queryKey에 담기는 형식으로 만들었다.
여기 까지는 좋았다. 하지만
1.검색만 눌렀을 때 타는 로직
2.태그만 눌렀을 때 타는 로직
3.추가 되는 로직... 등등
을 로직을 추가 했을 때 의 경우의 수를
검색되었을 때
태그가 눌렸을 때
등등 처리하는 로직이 좋지 않아 튜터님께도 좋지 않은 코드다 라고 말씀하셨다.
즉, 하나의 함수안에서 여러 로직을 짤 때 , 반드시 경우의 수를 잘 생각하여 로직을 짜야, 해당 코드를 유지 보수하는데 엄청 난 큰 차이를 가져온다는 것을 이번에 알게 되었다. 앞으로는 로직을 짜는데 있어서 ,신중히 그리고 경우의 수를 잘 따져서 로직을 짜자. 알고리즘 공부도 부단히 해야지...
Enchanté!