TIL/디자인시스템
[240213] 스토리북 찍먹해보기
를 듣다가 딴길로 새서… 스토리북 공식문서(7.6) 를 참고했습니다. 예시들은 모두 next.js + typescript + emotion 환경에서 작성했습니다. 스토리북이란? 공식문서 UI 컴포넌트를 독립적으로 개발하고 문서화할 수 있는 환경을 제공하는 도구 UI 컴포넌트에 story를 부여해서 렌더링을 테스트하는 것 여기서 story는 UI 컴포넌트의 상태 디자인시스템 스토리북은 디자인 시스템을 구축하고 유지보수 하는 데 있어 중요한 역할 → 디자인 토큰, 컴포넌트를 문서화 코드를 일일이 수정해보지 않아도 props를 테스트 할 수 있다. 스토리북 설치하기 # npm npx storybook@latest init # yarn yarn berry storybook@latest init Storybook..
