Storybook을 다양한 Addon과 함께 활용해보면서 사용법 정복하기

• Storybook은 React 프로젝트에서 UI 컴포넌트를 개발하고 테스트하는 데 사용되는 도구로, create-react-app으로 만든 프로젝트에서 설정하여 사용하거나 새로운 Storybook 전용 프로젝트를 만들어 사용할 수 있다.

• Storybook을 사용하기 위해 프로젝트를 생성하고, 스토리 경로를 변경한 후 첫 번째 컴포넌트와 스토리를 만드는 과정을 설명하였다.

• React를 이용해 'big'이라는 props가 true일 경우 h1 태그를, 그렇지 않을 경우 p 태그를 렌더링하는 컴포넌트를 만들고, 이를 Storybook에 적용하는 방법을 설명한다.

• Storybook v5.2부터는 Component Story Format (CSF) 형식을 사용하여 문서를 작성하며, 이를 통해 컴포넌트의 문서와 설정을 정의하고 새로운 스토리를 만드는 방법을 소개한다.