Design System
1.(1) Storybook 으로 구축하는 Design System – 디자인 시스템 개요와 컴포넌트 빌드
"단순히 UI 컴포넌트를 모아 둔 것" 그 이상의 개념인 디자인 시스템에 대하여 알아보고, 내 손으로 직접 만들어 보자.
2024년 5월 10일
2.(2) Storybook 으로 구축하는 Design System – 컴포넌트 리뷰 w. Chromatic
컴포넌트를 빌드했다면, 그 다음 단계로는 제대로 만들어졌는지 검토하는 과정이 필요하다. Storybook에서 만들고 유지관리 하는 Chromatic 이라는 무료 퍼블리싱 도구를 활용해 Visual Review를 수행하는 방법에 대해 알아본다.
2024년 5월 14일
3.(3) Storybook 으로 구축하는 Design System – UI 테스팅
스토리북을 활용해 UI를 테스팅 하는 다양한 방법, 그중에서도 Visual Tests, Interaction Tests, Accessibility Tests를 수행하는 방법에 대해 알아본다.
2024년 5월 19일
4.(4) Storybook 으로 구축하는 Design System – 문서화와 Autodocs
스토리북에서 제공하는 자동 문서화 기능을 활용하거나 혹은 직접 구성하여 유연하고 강력한 컴포넌트 문서화를 위한 방법에 대해 알아보자
2024년 5월 24일
5.(5) Storybook 으로 구축하는 Design System – 배포 및 가져오기
디자인 시스템을 NPM에 배포하는 방법에 대해 알아보았다.
2024년 5월 31일