[bokjunwoo] 필터링 기능 구현

[bokjunwoo]

구현기능

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

참고사항

• useSearchParams 훅을 사용하여 URL의 쿼리에 따라 필터링을 구현했습니다.
• 기존에 데이터를 받아오는 useChart에서 지역에 대한 정보를 추출 하는 기능을 추가해 ChartRegionSelect을 구현했습니다.
• Area에는 dot 컴포넌트를 이용해 필터링 하였고, Bar의 경우는 Cell 컴포넌트를 이용하여 필터링 기능을 구현했습니다.
• 버튼을 이용하면 다중 필터링이 가능하며, 특정 데이터를 클릭하는 경우는 단일 필터링을 적용했습니다.

프리뷰

• 다중 필터링 라우터

[raw20]

준우님 고생많으셨습니다!! 👍👍👍👍