실무에 바로 적용하는 스토리북과 UI 테스트

스토리북, 들어는 봤는데 어떻게 사용할 수 있을까요? 🤔

유저 스토리를 기반으로한 기획이 주목을 받기 시작하면서, 화면에 그려지는 UI 컴포넌트의 다양한 스토리도 점점 중요해지고 있습니다. 스토리북이 무엇인지, 어떤 기능들이 있는지 궁금한 분들을 위해 준비했어요!

이 강의에서는 스토리북의 설치부터 시작하여, React 프로젝트에 적용하는 방법, 주요 기능과 활용 방법 등을 다룹니다. 또한, 다양한 예제를 통해 실제 개발에서 어떻게 사용할 수 있는지도 함께 살펴봅니다. 스토리북을 처음 사용하는 분들도 쉽게 이해할 수 있도록 구성하였으며, 강의를 따라가면서 자연스럽게 스토리북을 익힐 수 있습니다.

이 강의의 특징

📌 가장 간단한 컴포넌트부터, 여러개의 컴포넌트를 쌓아올린 복잡한 컴포넌트까지 점진적으로 배웁니다

📌 다양한 예제를 통해 현업에서 어떻게 개발하는지 경험할 수 있습니다

📌 현업에서 스토리북을 활용하는 다양한 방식을 경험에서 오는 노하우와 함께 전달합니다

📌 프론트엔드 개발에서 유용하게 쓸 수 있는 TypeScript와 Tailwind 각종 꿀팁을 제공합니다

먼저 수강하신 분들의 이야기 📝

이런 분들께 추천해요

수강 후에는

• 스토리북의 기본 개념과 사용 방법을 이해하고, 프로젝트에 적용할 수 있습니다

  
  

• Web Vital을 고려해서 컴포넌트를 개발할 수 있습니다.

• 스토리북 decorator를 활용하여 컴포넌트를 더욱 효율적으로 개발할 수 있습니다

• UI 테스트 자동화를 통해 디자인 시스템의 일관성을 가져갈 수 있습니다

• 디자인 시스템을 npm 패키지로 배포해서 재사용할 수 있습니다

이런 내용을 배워요.

이 강의를 만든 사람

• (현) GS 그룹 DX BootCamp 프론트엔드 교육 담당

• (전) 시리즈 C 인공지능 스타트업 테크리드

• 원티드 프리온보딩 프론트엔드 챌린지 6회 진행 (누적 7000+)

• 네이버 부스트캠프 웹/모바일 멘토

• 네이버 클라우드 YouTube Channel presenter

수강 전 참고 사항