New
Code coverage with Storybook test runnerAutomate with Chromatic
Star74,802
Back to Create an Addon
React
Chapters
  • 소개
  • 설치
  • 상태 추적하기
  • 데코레이터
  • 프리셋
  • 카탈로그에 추가하세요
  • 결론

결론

스토리북의 확장과 자동화를 도와주세요

축하합니다! 첫번째 스토리북(Storybook) 애드온(addon)을 만들어보고 출시도 해보았습니다. 그 과정을 통해 스토리북의 내부 작동방식과 커스텀 하는 방법을 배워봤습니다. 자바스크립트 개발자의 42%는 이미 스토리북을 사용하고 있습니다. 동적 애드온 생태계가 주된 이유 중 하나입니다.

애드온을 만들어서 커뮤니티가 스토리북을 커스텀하고, 자동화할 수 있도록 도와주세요!

시작은 간단합니다. 애드온 키트는 애드온을 구축하는 데 필요한 모든 것을 제공합니다. 애드온 API를 사용해서 새로운 기능을 추가하고, 작업 흐름(workflow)을 자동화하고, 즐겨 쓰는 라이브러리와 통합할 수 있습니다. 또한, 애드온 카탈로그를 통해 애드온을 수천만명의 개발자와 함께 공유할 수 있습니다.

더 알아보기

애드온 공식문서는 더 많은 가이드, 코드 샘플, 지식으로 가득한 레시피를 제공합니다.

저희와 함께 코딩한다면, 저장소는 다음과 같아야 합니다: 애드온 저장소 예시. 이 예시는 스토리북 애드온 개요를 기반으로 하고 있습니다.

스토리북 공식 페이지 를 통해 Pseudo States, 다크 모드, 다른 모든 공식 애드온을 참고할 수 있습니다.

여기까지 함께해주셔서 감사합니다. 유용한 블로그와 가이드가 게시될 때 알림을 받으려면 스토리북 이메일 구독 계정을 등록해주세요.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
✍️ Edit on GitHub – PRs welcome!
Join the community
5,870 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI