✨ feat: dropdown 컴포넌트 리팩토링 및 기존 기능 개선 #36

[sohyun0]

📝 작업 개요 (필수)

1. dropdown 스타일 파일 별도 작성
2. twMerge 에 폰트 추가 (컬러랑 겹치는 폰트들 전부 추가)
3. ref 객체 마운트/언마운트 시 최신상태를 추적할 수 있는 useSafeRef 훅 작성
4. dropdown 키보드 방향키로 option list 탐색 커스텀 훅 작성
5. 키보드 방향키로 탐색시 자동으로 스크롤 이동하는 커스텀 훅 작성
6. dropdown 위치가 뷰포트에서 상단에 위치하는지, 하단에 위치하는지 판단하여 방향전환하는 커스텀 훅 작성

✨ 작업 내용 (필수)

• 기능 구현
• 버그 수정
• 스타일/UI 변경
• 리팩토링
• 최적화/성능개선
• 문서 업데이트
• 기타 변경사항

📸 스크린샷

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

컴포넌트 내에 있는 hooks 은 해당 컴포넌트에 맞춰져 있어서 비슷한 기능이 필요하시다면 복제 후 커스터마이징해서 사용하시면 됩니다!
그외 src/hooks 는 공통 커스텀 훅이기 때문에 비슷한 기능이 필요할 시 충분히 사용 가능하게 작성했습니다.

🔗 관련 이슈

• Closes [Feature] Dropdown 컴포넌트 리팩토링 #36
• Related to [Feature] Dropdown 컴포넌트 리팩토링 #36

🛠️ 후속 작업

• 시간여유가 된다면 컴포지션 패턴으로 변경예정
• [ ]

✅ 체크리스트 (필수)

• 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
• 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
• ESLint 검사 통과
• Prettier 포맷팅 적용
• TypeScript 에러 없음
• 빌드 에러 없음

[vercel]

@sohyun0 is attempting to deploy a commit to the projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thejulge	Ready	Preview	Comment	Oct 8, 2025 10:28am

The merge-base changed after approval.

The merge-base changed after approval.