🧩 컴포넌트 패턴에 대한 이해와 학습을 위한 레포지토리입니다. 다양한 UI 라이브러리(MUI, Ant Design 등)와 웹 접근성(ARIA Pattern)을 참고하며, 컴포넌트 마크업을 비교하고 학습합니다.
마크업 패턴 및 컴포넌트 설계에 대한 논의와 문제 해결 과정은 Issue 탭에서 확인할 수 있습니다.
| Component | Description | Note | |
|---|---|---|---|
| 1 | Breadcrumb | 탐색 위치를 나타내는 컴포넌트 | |
| 2 | Tabs | 컨텐츠를 탭 형태로 나누어 표시 | |
| 3 | Accordion | 확장 가능한 리스트 컴포넌트 | |
| 4 | Select | 드롭다운 형태로 선택 입력을 받는 컴포넌트 | |
| 5 | Button | 사용자 입력을 받기 위한 버튼 | |
| 6 | Switch | 토글 형태로 상태를 변경하는 컴포넌트 | |
| 7 | Carousel | 여러 개의 항목을 슬라이드 형태로 순차적으로 보여주는 컴포넌트 | |
| 8 | Modal | 사용자 인터랙션을 위한 팝업창 |
- 각 컴포넌트에 대해 Issue 탭에서 다양한 마크업 패턴을 비교하고 정리합니다.
- ARIA Pattern을 기반으로 컴포넌트의 접근성 기능을 학습하고, MUI, Ant Design 등의 라이브러리와 비교합니다.
- ARIA Patterns: https://www.w3.org/WAI/ARIA/apg/patterns/ 링크를 참고하여 컴포넌트가 웹 접근성에 따라 어떻게 마크업되어야 하는지 학습합니다.
- 라이브러리 비교: MUI, Ant Design 등에서 동일한 컴포넌트를 어떻게 마크업하는지 비교하고, 각각의 장단점을 분석합니다.