[ ViewProduct ] 필터 드롭다운 메뉴

[say-young516]

🔥 Related Issues

• close #10

🎡 작업 내용

• [x] 메뉴 레이아웃 잡기
• [x] style 작업
• [ ] 드롭다운 애니메이션
• [ ] 체크 박스 체크되면 글씨 색깔 변경

✅ PR Point

• 이번에 커스텀 할 게 많아서 여러모로 까다로웠어요.. 스크롤바나 체크박스 모두 기본으로 안 쓰고 커스텀 했습니다
• ProductFilter 파일에서 서희가 알려준 대로 리팩토링 하려고 했는데(이 부분은 이전 pr 보기) 각 배열을 넘겨주느라 어쩔 수 없이 이렇게 적었는데 좀 더 깔끔한 방법 있을까요? 더불어서 필터에 들어가는 요소 배열들 넘 지저분해서 고민..
• 애니메이션 아직 완벽하지 않아요.. 엉성한데 일단 중간까지만이라도 리뷰해달라고 올림! 마찬가지로 체크했을 때글씨 색이 아직 안 변경되는데 체크됐는지 여부로 어떻게 효율적으로 바꿀 수 있을까?
• 그리고 드롭다운 크기가 다 같은데 '특정' 섹션만 크기가 다르단 말이야? 그래서 props 로 어캐 해볼려고 했는데 기존에도 props로 상황에 따라 바꾸는 거라 그냥 따로 컴포넌트 스타일을 지정해줬는데 이것두 어캐 하면 좋을까? ㅠ

😡 Trouble Shooting

• typescript 문법 미숙으로 인한 type 에러가 대부분.. 진짜 속상해

  👀 스크린샷 / GIF /

  링크

📚 Reference

• 구현에 참고한 링크 (필요한 경우만 작성하고 없으면 지우기)
• https://wazacs.tistory.com/27
• https://velog.io/@sgyoon/%EC%BB%A4%EC%8A%A4%ED%85%80-%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4-%EB%A7%8C%EB%93%A4%EA%B8%B0-with-React
• https://choar816.tistory.com/156
• https://gurtn.tistory.com/120