UI/UX 에 대한 32가지

작성 schema

• 서론
  • 컴포넌트 이름
  • 컴포넌트 의미
  • 컴포넌트 시각 자료
• 본론
  • 구현 아이디어
    • 어떠한 방식으로 HTML/CSS/JavaSciprt 가 작동되야 하는지
  • 소스 코드
  • 결과물
• 결론
  • 느낀점
  • UX 개선을 위해 어떤 방향으로 더 생각해 볼 수 있는지

---

32가지 UI

1. 아코디언 (Accordion)

2. 벤토 메뉴 (Bento Menu)

3. 브레드크럼 (Breadcrumb)

4. 버튼 (Button)

5. 카드 (Card)

6. 캐러셀 (Carousel)

7. 체크박스 (Checkbox)

8. 코멘트 (Comment)

9. 도너 메뉴 (Döner Menu)

10. 드롭 다운 (Dropdown)

11. 피드 (Feed)

12. 폼 (Form)

13. 햄버거 메뉴 (Hamberger Menu)

14. 아이콘 (Icon)

15. 인풋 필드 (Input Field)

16. 케밥 메뉴 (Kebab Menu)

17. 로더 (Loader)

18. 미트볼 메뉴 (Meatballs Menu)

19. 모달 (Modal)

20. 뱃지 (Badge)

21. 페이지네이션 (Pagenation)

22. 픽커 (Picker)

23. 프로그레스 바 (Progress Bar)

24. 라디오 버튼 (Radio Buttons)

25. 서치 필드 (Search Field)

26. 사이드바 (Sidebar)

27. 슬라이더 컨트롤 (Slider Controls)

28. 스텝퍼 (Stepper)

29. 태그 (Tag)

30. 탭 바 (Tab Bar)

31. 툴팁 (Tooltip)

32. 토글 (Toggle)