feat: 코스 조회 필터링 시 디테일사항

[76Dosu]

Issue

코스 조회 페이지에서 필터링 시 디테일한 요소들

ToDoList

• 예산에서 Min값이 Max값 보다 클 때 => 예외처리
• 직접 선택 시 달력 구현
• 조회하기 시 필터 기능

추가 선택사항(Optional)

추가 코멘트를 입력해주세요

[76Dosu]

코스 조회 페이지 퍼블리싱 완료했고 필터링 콘솔 찍는거까지 완료함.
대신 1. min보다 max값이 더 클 때 처리는 어떻게 해야 할 지 몰라서 냅둠.
2. 직접 선택하면 시안처럼 달력 밑에 나오게 해야하는데 어케해야하지..? datepicker인가 그거 써야하나
3. 조회하기 누르면 해당 데이터 조건으로 필터링 기능도 해야함

[ming0o]

1. • min이 max 보다 크게 입력이 되면 입력 값을 다시 입력해주세요! 하는 팝업창 (alert)을 띄운다거나,
   • min 값이랑 똑같이 max가 자동완성되게끔하는 경우도 생각해볼 수 있을 것 같아요
   • 2/3번은추후 추가할게요!

[76Dosu]

우선 첫번째 아이디어는 시도해봐야겠지만, input range로 구현한거라 슬라이드할때마다 함수가 실행되면서 무한하게 알람이 뜰 가능성도 있어보여서 조금 우려가 있을것같고(UseEffect사용하면 아니려나..)

혹은 UX적으로 Min값이 더 클때 붉은 계열로 폰트 컬러를 바꾼 후, 그 상태에서는 버튼 클릭이 불가능하게끔 설정해두어도 간단하게 설정가능 할 듯합니다.