Rieul UI

접근성 좋은 컴포넌트 만들기 챌린지

이 레포지토리는 시맨틱 HTML과 리액트를 사용하여 재사용 가능하고 접근성이 좋은 UI 컴포넌트를 만들어보는 것이 목표입니다.

목표

• 접근성을 위한 시맨틱 HTML 사용
• 사용자 정의 가능하고 재사용 가능한 컴포넌트
• 디자인 시스템 구축
• 컴포넌트 문서화 및 테스트를 위한 스토리북
• 단위 테스트
• CI/CD 설정

컴포넌트 목록

디렉토리 구조

프로젝트 루트/
├── node_modules/
├── src/ # 소스 파일 디렉토리
│ ├── components/ # React 컴포넌트
│ ├── styles/ # 스타일 파일 (CSS, SCSS 등)
│ ├── utils/ # 유틸리티 함수
│ ├── index.tsx # 애플리케이션 진입점
│ └── App.tsx # 주요 React 컴포넌트
├── .gitignore # Git 무시 파일 목록
├── package.json # 프로젝트 메타데이터 및 의존성
├── tsconfig.json # TypeScript 설정 파일
├── webpack.config.js # Webpack 설정 파일
├── .eslintrc.js # ESLint 설정 파일
├── .prettierrc # Prettier 설정 파일
└── README.md # 프로젝트 설명 문서