Skip to content

[FEAT] Dropdown 컴포넌트 구현 #74

Description

@ehye1

🛠️ 만들고자 한 기능 설명

드롭다운 선택 시 화면이 전환되는 Dropdown 공통 컴포넌트를 구현합니다. 선택 항목은 string[] props로 전달받으며, 선택값은 부모가 제어하는 Controlled 방식으로 동작합니다. 드롭다운 오픈 시 Portal로 backdrop 오버레이를 전체 화면에 렌더링하며, 반응형을 고려해 구현합니다.

✅ TODO LIST

  • Dropdown 컴포넌트 구현 (items: string[], value, onChange)
  • Portal 기반 backdrop 오버레이 렌더링 (오픈 시 화면 어두워짐)
  • 내부 열림 상태 관리 (useState)
  • 외부 클릭(backdrop) 시 드롭다운 닫힘 처리
  • 반응형 처리
  • Storybook 스토리 작성
  • components/index.ts re-export 등록

⏰ 예상 작업 기간

📝 참고 링크(선택)

🗣️ ETC(선택)

backdrop 오버레이 색상은 디자인 확정 후 적용 예정

📸 피그마 스크린샷

Metadata

Metadata

Assignees

Labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions