프로젝트 소개

PPudding(뿌-딩) 은 React 기반 UI 컴포넌트 라이브러리입니다.

접근성(ARIA), 키보드 내비게이션, 문서화 등 실무에서 자주 간과되는 요소들을 학습하고, 실제 배포 가능한 형태로 제작하는 것을 목표로 시작한 프로젝트입니다.

핵심 목표

접근성 학습

ARIA 속성과 키보드 내비게이션을 직접 구현하며 접근성 이해도를 높였습니다.

컴포넌트 설계 및 구조화

다양한 UI 라이브러리를 참고해 재사용성과 일관성을 갖춘 컴포넌트를 구성했습니다.

Storybook 기반 문서화

각 컴포넌트를 문서화하고, GitHub Pages로 Storybook을 배포했습니다.

구현된 컴포넌트

컴포넌트별 문서와 데모는 이미지를 클릭하면 바로 확인하실 수 있습니다.

Accordion	Alert	Autocomplete
Button	Card	Checkbox
Chip	Date Picker	Dialog
Icon Button	List	Pagination
Radio	Select	Skeleton
Switch	Table	Tabs
Textarea	Textfield	Toggle Button

사용된 리소스

• Heroicons
• Pretendard Font