[우테코]Level2 Component, Storybook

미션1 LMS 강의 자료1

🧩 Component

리액트에서의 컴포넌트

• 상호 작용하는 여러 컴포넌트들을 ‘조합’해서 새로운 형태의 ‘합성’ 컴포넌트를 만들 수 있다.

🎨 Storybook

1. 정의

• UI 컴포넌트를 애플리케이션 외부의 독립된 환경에서 개발하기 쉽게 도움을 주는 테스트 도구

2. 역할

• 개발자는 독립적인 환경에서 컴포넌트를 개발
• 개발환경에서 컴포넌트들과 인터랙티브하게 상호작용
• 다양한 부가 기능(addons)를 지원하여 커스터마이징하기 쉬운 유연한 API를 제공
• 정적 빌드하여 배포 가능
• 배포된 페이지를 통해 기획자, 디자이너와 같은 비 개발 직군과도 협업 가능