분류: 테크 세미나 기술소개 작성일: 22.11.08 작성자: 최시운
Storybook provides a workshop to build UIs in isolation. It helps you develop hard-to-reach states and edge cases without needing to run the whole app.
Storybook은 독립적으로 UI를 구축할 수 있는 워크샵을 제공합니다. 전체 앱을 실행할 필요 없이 도달하기 어려운 상태 및 엣지 케이스를 개발하는 데 도움이 됩니다.
→ 즉 독립된 환경에서 UI 컴포넌트를 개발하고 디자인 하는 데 도움이 된다! → 컴포넌트들을 각 컴포넌트 별로 확인하고 관리할 수 있다.
좀 더 나은 컴포넌트 설계를 고민하게 된다는 점이 있습니다. 스토리 작성은 독립적인 환경에서 그리고, 컴포넌트를 재사용해서 그리기 때문에 스토리 작성 자체가 리팩토링 효과를 부수적으로 얻을 수 있게 됩니다.
컴포넌트에서 데이터를 불러오는 경우 이를 스토리북에서 재현하기 위해서는 데이터를 불러오는 부분의 모킹이 필요합니다. 모킹을 추가하는 것은 피곤한 일입니다. 그래서 스토리를 작성하다 보면 이 컴포넌트에서 꼭 데이터를 불러와야 하는지 재검토해보는 계기가 생깁니다. -https://fe-developers.kakaoent.com/2022/220609-storybookwise-component-refactoring/
Interaction 기능을 이용하면 컴포넌트 별로 시나리오에 따라 테스트가 가능해진다.