OLEA: Storybook을 활용한 올리브영의 디자인 시스템!
·2024.08.02 23:00
핵심 내용
올리브영이 백오피스 개발 생산성을 높이기 위해 Storybook 기반의 디자인 시스템 OLEA를 구축했다.
자세히 보기
올리브영은 기존 백오피스(BO) 시스템이 다양한 솔루션 사용으로 인해 기술 스펙이 파편화되고 유지보수에 어려움을 겪자, 시스템 공통화 작업을 시작했다.
새로운 콘텐츠 BO 구축 과정에서 발생한 디자인 불일치와 컴포넌트 재사용성 저하 문제를 해결하기 위해, Vue와 **Ant Design Vue(Antd)**를 기반으로 한 디자인 시스템 OLEA를 정의했다.
OLEA는 다음과 같은 특징을 가진다.
- Storybook을 활용하여 UI 컴포넌트를 독립적으로 개발하고 시각적으로 문서화함
- 일관된 레이아웃 가이드와 디자인 요소를 제공하여 개발 생산성 향상
- Vite로 번들링하고 Github Packages를 통해 배포하여 효율적인 관리 환경 구축
이 한국어 요약은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.