작업의 목표

스토리북이 무엇인지 조사
스토리북 사용 시 디자이너에게서 받은 결과물을 스토리북으로 변환하는 과정 간단하게 알아보기

세부 사항

Storybook

디자인 (공용) 컴포넌트를 편하게 만들수 있도록 도와주는 ui 라이브러리

스토리북에서 Design 탭 사용하여 figma 볼수 있도록 연결하는 방법

Storybook and Figma

figma 자체에서 Variant 기능 사용하여 컴포넌트 만들기

Prepare for variants

storybook 시작하기

고통없는 UI 개발을 위한 Storybook

npm classnames + Sass 조합

다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components