마무리

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

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

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

더 배워보기

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

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

• UI 테스트 플레이북은 Twilio, Adobe, Peloton, Shopify와 같은 열정적인 팀들이 사용하는 작업 흐름(workflow) 모범 사례를 강조합니다.

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

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

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

Intro to Storybook 튜토리얼은 누가 만들었나요?

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

이와 같은 튜토리얼과 기사를 더 원하시나요? 스토리북의 메일링 목록에 등록하세요.