Storybook

예. Storybook 도구 자체는 MIT 라이선스 오픈소스로 무료로 사용할 수 있습니다. 클라우드 기반 시각 회귀 테스트가 필요하면 같은 메인테이너의 Chromatic을 유료 플랜으로 추가하면 됩니다.

React·Next.js·Vue·Angular·Svelte·SvelteKit·Web Components·Preact·React Native Web 등을 공식 프레임워크로 지원하고, Nuxt·SolidJS·Analog 등은 커뮤니티 통합으로 제공됩니다.

컴포넌트를 앱과 분리해 상태별 스토리로 정리하고 자동 문서·시각 회귀 테스트까지 한 곳에서 관리할 수 있어, 디자인 시스템의 일관성과 회귀 방지에 효과적이기 때문입니다.

Storybook 자체로는 스냅샷·접근성 등 기본 테스트가 가능하고, 풀 클라우드 시각 회귀 테스트는 보통 Chromatic 같은 호스팅 서비스를 함께 사용합니다.

아니요. 공식 문서와 사이트는 영어만 제공합니다. 다만 한국 프런트엔드 커뮤니티에서 사실상 표준으로 채택되어 한국어 블로그·강의 자료가 많이 공개되어 있습니다.

Cursor·Copilot은 코드를 생성·자동완성하는 AI 어시스턴트이고, Storybook은 만들어진 UI 컴포넌트를 격리 환경에서 개발·문서화·테스트하는 워크숍 도구입니다. 보완 관계로 함께 사용하는 경우가 많습니다.