OLEA? Storybook을 활용한 올리브영의 디자인 시스템!

간단 소개

올리브영은 Storybook을 활용한 디자인 시스템 OLEA를 구축하여 개발 효율성을 높이고 사용자에게 일관된 경험을 제공하고자 합니다.

AI Summary

OLEA 디자인 시스템 탄생 배경
- 올리브영 BO 시스템의 기술 스펙이 다양하여 확장성과 유지보수가 어려웠음
- Vue와 Antd를 활용한 새로운 BO 시스템 구축을 통해 문제 해결 시도
- 디자인 일관성 부족, 컴포넌트 재사용성 저하 등의 문제 발생
디자인 시스템 및 Storybook 도입
- 디자인 시스템을 통해 디자인 일관성을 유지하고 사용자 경험을 개선하고자 함
- Storybook을 활용하여 UI 컴포넌트를 독립적으로 개발하고 문서화
- Vite를 사용하여 번들링하고 Github Packages를 통해 배포
OLEA 활용 및 향후 계획
- 개발자들이 Storybook을 통해 컴포넌트 사용법을 쉽게 이해하고 활용 가능
- OLEA는 GitHub Packages를 통해 배포되어 내부 개발팀이 사용
- 향후 보안 및 권한 부여 시스템 추가, OLEA를 실제 BO에 적용 및 배포 계획