목록UI (1)

bkdragon's log

드롭 다운 메뉴

출처 : https://fourwingsy.medium.com/dropdown-컴포넌트-5d53820e3f4f 아래로 리스트가 나열되는 메뉴이다. 장점 공간을 절약 할 수 있다. 사용이 쉽다. 표준이다. select와 option 태그를 사용해서 아주 쉽게 기능을 만들 수 있다. 입력값이 정해져 있기 때문에 예외처리가 편하다. 단점 선택지가 많아지면 피로도가 생길 수 있다. (예를 들어 생일을 선택하는 경우 12월 31일 생이면 귀찮을 것이다.) 작다(?) 작아서 못 볼 수도 있을 것 같다. 그렇다고 크게 하자니 그것도 이상한 느낌을 준다. 선택지가 두개 뿐이면 toggle 형식의 버튼을 사용하는 것이 좋을 것 같고 너무 많은 옵션을 가진다면 직접 입력하게 하고 예외처리를 추가하는 것이 사용자 경험에 좋..
UI UX 2023. 8. 21. 17:03
이전 Prev 1 Next 다음