[raw20] 필터링 기능 구현

[raw20]

구현기능

• [x] 필터링 기능을 구현해주세요, 필터링은 특정 데이터를 하이라이트 하는 방식으로 구현해주세요
• [x] 필터링 기능은 버튼 형태로 ID값(지역이름)을 이용해주세요
• [x] 필터링 시 버튼에서 선택한 ID값과 동일한 ID값을 가진 데이터 구역만 하이라이트 처리를 해주세요
• [x] 특정 데이터 구역을 클릭 시에도 필터링 기능과 동일한 형태로 동일한 ID값을 가진 데이터 구역을 하이라이트해주세요

참고사항

• useSearchParams를 사용하여 필터링을 관리하였습니다. id값만 받아서 처리하기 때문에 따로 커스텀 훅으로 관리하지 않았습니다.
• 다중필터 X
• 특정 데이터구역 클릭 : 막대 그래프만 아니라 특정 데이터의 호버 영역안에서 클릭하여 특정 데이터가 필터링되게 구현

[jhoon9494]

찬욱님 고생 많으셨습니다! useSearchParams를 이용하여 간단하게 구현하셨네요! 저는 useParams를 이용했는데, 전체 차트를 보기 위한 설정이나 다중필터링 등 여러면에서 useSearchParams가 나은 것 같네요 ㅠㅠ

[Noeyso]

찬욱님 고생하셨습니다!! 선택한 데이터를 한 눈에 볼 수 있게 ui 깔끔하게 구현하셨네요 👍

[bokjunwoo]

찬욱님 고생하셨습니다. 저도 처음에 Area가 필터링 되면 색상을 변경하고 싶었지만 어려워서 구현을 못 했는데 찬욱님 코드 보고 제 코드에도 적용을 해봐야겠습니다🔥🔥