디자인 시스템 가이드북
버튼, 폼, 카드 등 공통 컴포넌트를 규격화한 내부 디자인 시스템 가이드북입니다. 컴포넌트 구조, 색상/그리드 규칙, 타이포그래피 스케일 등을 문서화했습니다. 스타일 일관성과 재사용성을 위한 Atomic Design 개념을 반영했습니다. 🛠️ Storybook · React · SCSS
버튼, 폼, 카드 등 공통 컴포넌트를 규격화한 내부 디자인 시스템 가이드북입니다. 컴포넌트 구조, 색상/그리드 규칙, 타이포그래피 스케일 등을 문서화했습니다. 스타일 일관성과 재사용성을 위한 Atomic Design 개념을 반영했습니다. 🛠️ Storybook · React · SCSS
여행지 검색, 날씨, 숙소 정보 등을 한눈에 볼 수 있는 스마트 여행 대시보드 UI입니다. 카드형 인터페이스와 지도 기반 인터랙션을 활용해, 복합 정보를 직관적으로 표현했습니다. 반응형 레이아웃과 사용자 친화적인 컬러 토큰 시스템을 적용했습니다.
웹 접근성 진단을 위한 프론트엔드 툴 기획안입니다. 색상 대비, 폰트 크기, 대체 텍스트 존재 여부 등을 자동 검출하는 UI를 설계했습니다. WCAG 2.1 기준을 기반으로 접근성 점수를 시각화하는 대시보드 형태로 구성했습니다.