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