[리액트]카테고리 필터링 버튼 구현에 참고한 자료

https://www.youtube.com/watch?v=gPH7sCyXFb4&t=1430s 

😎무엇이 왜 필요했나?

개인 프로젝트를 진행하면서,카테고리 필터 기능을 구현할 필요가 있었습니다. '상의', '하의' 처럼 카테고리 별로 버튼을 만들어서 버튼을 클릭하면 해당하는 상품만 보여주는 컴포넌트를 만드는 것이 목표였습니다.

😎어떻게 찾았나?

우선 '리액트 필터링 버튼 구현' 같은 키워드로 구글링을 했습니다. 아쉽지만 국내 무료 자료 중에서는 딱 제게 필요한 자료를 찾기 힘들었습니다. 그래서 'react filtering by category'라는 키워드로 Youtube로 검색하니, 다행히 원하는 영상이 꽤 많이 나왔습니다. 그 중에서 가장 최근에 업로드된 영상을 보면서 개념을 익혔습니다.

😎무엇을 알게 되었나?

함수의 파라미터를 잘 활용하면 필터링 버튼을 만들 수 있습니다. 새로 만든 배열을 state 변경 함수에 넣어 state를 바꾼다는 기본 아이디어는 동일하게 떠올렸지만, 다른 버튼에도 적용을 시켰더니 의도하지 않은 동작이 이루어졌습니다. 이제 함수를 하나 만들어 파라미터에 카테고리명을 넣어 평가하면 됩니다! (시간이 나면 코드로 정리해볼 생각입니다!)