디자인 소프트웨어 · 디자인 시스템·스타일가이드

Storybook

UI 컴포넌트를 앱과 분리된 작업 공간에서 만들고 상태별로 확인·문서화하는 프런트엔드 도구입니다.

무료storybook.js.org
01

어떤 곳인가요?

UI 컴포넌트를 독립적으로 개발하고 문서화하는 오픈소스 도구.

02

핵심 포인트

  1. 컴포넌트 단위 개발

    앱 전체를 띄우지 않고 컴포넌트 하나를 따로 만들고 확인할 수 있습니다.

  2. 상태별 확인

    로딩, 오류, 빈 화면 같은 경우를 스토리로 정리해 한눈에 봅니다.

  3. 살아 있는 문서

    코드에서 바로 문서가 만들어져 디자이너와 개발자가 같은 기준을 봅니다.

03

쓰기 전에 알아둘 점

설치와 설정에 프런트엔드 개발 지식이 필요합니다.

출처와 확인 정보

정리: 디자인서랍 · 공식 사이트 소개를 바탕으로 작성 · 확인:
요금과 기능은 바뀔 수 있으니 이용 전에 공식 사이트에서 확인하세요.

정보 수정 제안