Daily UI #027 Dropdown

Daily UI Challenge

#027 Dropdown

 

오늘의 주제는 드롭다운 컴포넌트 만들기.

쉬울 줄 알았는데 간격이나 사이즈, default, hover, focus 등의 상태에 따라 미묘하게 달라지는 지점들을 공부하느라 시간이 꽤 오래걸렸다.

 

오래걸린거 치곤 꽤 옹졸한 작업물...

 

드롭다운 말고도 라디오버튼, 토글 등등 다양한 ui component 들이 있는데, 각각이 어떻게 사용되는지 구분하는 것도 굉장히 중요한 지점인 것 같다.

 

드롭다운은 보통 선택지가 많은 경우, 다중 선택보다는 한가지를 선택하는 경우 많이 사용하는 것 같았다.

그래서 드롭다운 작업할 때 개수가 많고 하나만 선택하는 경우의 수로 떠오른게 언어였다.