올리브영 서비스에 사용되는 컴포넌트를 모아놓은 그곳!

간단 소개

올리브영은 Emotion과 Storybook을 활용하여 디자인 시스템을 구축, UI 통일성과 개발 효율성을 향상시키고 재사용 가능한 컴포넌트 생태계를 구축합니다.

AI Summary

디자인 시스템 개요
- 올리브영 서비스의 UI 디자인 통일성과 개발 효율성을 높이기 위해 재사용 가능한 컴포넌트와 디자인 패턴을 정의.
- Vite, React, TypeScript 환경에서 Storybook과 Emotion을 사용하여 디자인 시스템 구축.
컴포넌트 개발 및 스타일링
- Emotion 라이브러리를 사용하여 JS로 CSS를 작성하고, 컴포넌트의 상태나 props에 따라 동적 스타일링 적용.
- Storybook을 통해 컴포넌트의 UI와 동작을 시각적으로 확인하고 문서화.
디자인 시스템 적용 및 확장
- 개발된 디자인 시스템은 Github Packages를 통해 배포되어 실제 프로젝트에 적용될 예정.
- Text, Icon, Switch, Chip 등 다양한 컴포넌트들을 지속적으로 업데이트하고 확장할 계획.