StoryBook 도입에 대한 논의

이 게시물은 사내 Front End 팀에서 StoryBook을 도입하여 TDD 기반의 개발을 통해 잠재적 이슈를 줄이고 구조 변경을 안전하게 수행하기 위한 내용을 다룹니다.

StoryBook의 장점

• 여러 케이스의 UI를 한 번에 확인 가능
• 디자이너 및 기획자와의 협업을 수월하게 함
• 컴포넌트 분리에 도움이 됨

도입 시 고려사항

디자인이 컴포넌트 단위로 잘 되어 있어야 하며, 개발 비용 증가가 예상됩니다. StoryBook과 E2E testing tool인 Cypress를 React와 함께 적용하는 예시도 소개되고 있습니다.