New
Code coverage with Storybook test runnerAutomate with Chromatic
Star74,802
Back to Intro to Storybook
Chapters
  • 시작하기
  • 간단한 컴포넌트
  • 복합적 컴포넌트
  • 데이터
  • 화면
  • 배포하기
  • 테스트
  • 애드온(Addon)
  • 마무리
  • 기여하기

마무리

모든 지식을 종합하고 더 많은 스토리북(Storybook) 테크닉을 배워봅시다
This community translation has not been updated to the latest version of Storybook yet. Help us update it by applying the changes in the English guide to this translation. Pull requests are welcome.

축하드립니다! 스토리북(Storybook)에서 첫 UI를 만드셨습니다. 그동안 우리는 UI 컴포넌트를 제작, 구성, 테스트 및 배포하는 방법을 배웠습니다. 잘 따라오셨다면, 여러분의 저장소와 배포된 스토리북은 이런 모습일 것입니다:

📕 깃허브 저장소: chromaui/learnstorybook-code
🌎 배포된 스토리북

스토리북은 React, React Native, Vue, Angular, Svelte 외 다른 여러 프레임 워크를 위한 강력한 도구이며 활발한 개발자 커뮤니티와 풍부한 애드온(addon)을 가지고 있습니다. 본 소개에서는 가능한 모든 것들의 극히 일부를 살펴본 것입니다. 스토리북을 채택하면 내구성 있는 UI를 구축하는 것이 얼마나 생산적인지 알게 될 것이라고 확신합니다.

더 배워보기

더 알아보고 싶으신가요? 여기 도움이 될만한 것들이 있습니다.

  • 공식 스토리북 문서는 API 설명서, 커뮤니티 링크와 애드온(addon) 갤러리가 있습니다.

  • 마음에 드는 스토리북 작업 흐름(workflow)는 Squarespace, Major League Soccer, Discovery Network 및 Apollo GraphQL과 같은 빠른 개발 속도를 가진 팀에서 사용하는 작업 흐름(Workflow)의 모범 사례를 보여줍니다.

  • 시각적 테스팅 핸드북에서는 스토리북을 컴포넌트의 시각적 테스트에 사용하는 것에 대해 알아봅니다. 31페이지 분량의 무료 전자책입니다.

  • 스토리북 디스코드(Discord) 채널로 스토리북 커뮤니티와 연결될 수 있습니다. 스토리북 사용자를 위한 도움을 주고받으세요.

  • 스토리북 블로그는 UI 개발을 위한 작업 흐름(workflow)를 간소화할 수 있는 최신 릴리즈(release)와 기능들을 보여줍니다.

LearnStorybook.com은 누가 만들었나요?

내용, 코드, 제작은 Chromatic에서 기여해주셨습니다. 튜토리얼은 Chromatic의 인기 있는 GraphQL + React 튜토리얼 시리즈에서 영감을 얻었습니다.

이와 같은 튜토리얼과 기사를 더 원하시나요? 크로마틱(Chromatic)의 메일링 목록에 등록하세요.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
기여하기
스토리북(Storybook)을 세상과 함께 나눌 수 있도록 도와주세요
✍️ 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