RINGUS-19 feat: 멘토 목록 페이지

[parkjihyoun]

✨ 구현한 기능

• 멘토 목록 페이지 구현
• 멘토 분야 필터 페이지 구현 (MentorshipListFilter.tsx)

📢 논의하고 싶은 내용

• 상단 부분을 고정하고 스크롤 세로로 하는게 괜찮은지
• 필터 버튼에서 선택 후에 선택된 것 뜨게 해놨는데 색도 변해야하는지 궁금합니다.
• 정렬 버튼 눌렀을 때 option select 형식으로 해도 되는지
• 검색 조건에 회사, 학과, 닉네임 있는데 멘토 카드에는 없어요
• 분류 팝업에서 x 말고 빈공간 눌렀을 때 창이 꺼지게 되어야하는지 궁금합니다.

🎸 기타

• 저장하면 색 채워지게 했습니다.
• 푸터는 홈과 멘토링만 연결해놓고 나머지는 추후에 페이지 생성 후 하겠습니다.
• 멘토 눌렀을 때 멘토 상세페이지 연결하는 것도 추후에 하겠습니다.

[SubJeeLee]

현재 아이콘을 lucide-react라는 곳에서 가져와서 사용하고 있어요! signup 부분에서 CreatePassword.tsx 파일을 보시면 lucide-react 라이브러리에서 check 아이콘을 가져와서 사용한 부분이 있는데 그거 참고해서 최대한 figma에서 보이는 디자인과 같은 아이콘이 lucide icons에 있다면 사진 보다는 아이콘을 가져와서 사용하는 것이 유지보수나 성능적으로 더 좋을 것 같아요!

[SubJeeLee]

현재 MentorshipList가 하나의 컴포넌트에서 여러 역할(필터링, 공통 버튼(FilterButton), 모달(FilterModal), 상태관리 등) 을 담당하고 있어서 코드 가독성이 떨어질 것 같습니다. 중복되는 코드를 따로 components로 분류하여 사용하는 것은 어떨까요?

[parkjihyoun]

넵 반영하였습니다

[SubJeeLee]

현재 어느 정도의 단위로 커밋을 해야 하는지와 커밋 주기에 대해서 논의 해봐야 할 것 같습니다. 제가 생각하기에는 다른 팀원들이 커밋을 보고 쉽게 이해할 수 있도록 작은 단위로 쪼개서 커밋 해주는 것이 좋을 것 같은데 다른 팀원분들 의견도 궁금합니다. 예를 들면 사진 같은 것들 따로 모아 커밋하고 tailwind 부분 추가된 것들 있으면 분류해주고.. 어떤가요?

[SubJeeLee]

필터 버튼 눌렀을때 색상 변해도 좋을 것 같아요!
정렬 버튼 눌렀을때 option select은 지금 처럼 보여도 좋아요!
분류 팝업에서 x 말고 빈공간 눌렀을 때 창이 꺼지는 기능도 있으면 좋을 것 같아요 그리고 그 스크롤이 width 600에서 말고 전체 페이지 옆에 스크롤이 보이면 좋을 것 같은데 저는 해보다가 해맨적이 있어서.. 가능하다면 알려주세요:)