#12 : 검색 카테고리

1. 지도 검색 카테고리

기존에는 디비에서 정보를 받아온 것 중 카페명을 가져와서 카페명으로 검색하는 기능만 있었다. 오늘 회의를 하면서 디비에 카페명 말고도 키워드나 가게분류(카페/제로웨이스트샵/펍 등) 등 다른 카테고리들이 있으니 필터링해서 검색할 수 있으면 좋을 것 같다는 생각이 들었다. 어려울 것 같다는 생각이 들어 좀 걱정됐지만 일단 해보자라는 생각으로 시작했다. 일단 각각 카테고리별로 함수를 만드는 것까지는 성공했는데, 도대체 어떻게 각각 누를 때마다 다른 함수를 실행시키지???라는 생각을 했다. 생각보다 단순했는데 조금 더 생각을 하면서^^ 코드를 짜야겠다,,, 일단 카테고리를 상태로 관리했다. 그리고 새로운 함수를 만들어 거기서 카테고리 상태에 따라 각각 다른 함수를 불러오게 코드를 짰다. 기능은 이렇게 모두 완성되었다. 사실 기능이 완성된 것도 좋았지만, 이후에 placeholder 값도 상태관리로 카테고리를 누를 때마다 바뀌게 했는데 여기까지 하니까 진짜 뿌듯했다ㅎㅎ 뭔가 시각적으로 더 보여지는 게 많아지니까 기분이 더 좋았던 것 같다. 그리고 오라버니가 카테고리를 안 눌렀을 때는 아예 안 눌리게 하는 게 좋을 것 같다고 제안해서 disabled={!category}를 추가했다.

---

2. 마커 클릭 시 상세정보 창

상세정보 창이 나오면 밖에 부분을 눌러서 닫히게 해놨고 클로즈 버튼도 만들었다. 그런데 네이버 지도를 생각해보면 클로즈 해도 다시 열어볼 수 있게 하고자 그 닫는 모양의 버튼이 있다. 이름이 뭔지 모르게씀..  어쨌든 나도 그 모양을 만들어서 사용자가 좀 더 편하게 열고 닫을 수 있도록 하고 싶었는데 아쉽다. 프로젝트 기간 안에 못 하면 리팩토링 때는 무조건 한다.ᐟ.ᐟ

 

빨간색으로 표시한 저 버튼!!!이다... From.네이버지도