마무리

축하드립니다! 스토리북(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)의 메일링 목록에 등록하세요.