[Storybook]스토리북에 대하여

컴포넌트는 외부 상태의 영향을 받지 않는 독립된 개체로서, 고립된 환경에서도 자신만의 스타일과 상태를 가질 수 있어야 한다.

컴포넌트 단위 개발을 위해 스토리북을 사용해라

[그림 1] 스토리북 사용 예제
[그림 2] Controls 사용 예제

SoC(Separation of Concerns)는 프로그램을 작은 조각으로 나누어 각각 간단한 개별 작업을 완료할 수 있도록 만드는 것이다.

디자인 시스템과 함께 도입해라

[그림 3] 디자인 툴 피그마

다음 기능으로 스토리북 효율을 극대화 해라

[그림 4] 스토리북 Docs 사용 예제
[그림 5] UI 비교 테스트
[그림 6] Chromatic을 이용한 워크 플로우

맺음말

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store