목록스토리 (1)

개발정리

스토리북 - 스토리가 뭐야?

스토리란 무엇인가?스토리는 UI 컴포넌트의 렌더링된 상태를 포착합니다.개발자는 컴포넌트당 여러 개의 스토리를 작성하여 컴포넌트가 지원할 수 있는 모든 상태를 설명합니다. storybook을 설치하면 CLI가 storybook으로 빌드할 수 있는 컴포넌트 유형(버튼,헤더,페이지)을 보여주는 예제 컴포넌트를 만듭니다. 각 예제 컴포넌트에는 지원하는 상태를 보여주는 스토리 세트가 있습니다. UI에서 스토리를 탐색하고 . 으로 끝나는 파일에서 스토리 뒤에 있는 코드를 볼 수 있습니다. .stories.js 스토리는 컴포넌트 예제를 작성하기 위한 ES6모듈 기반 표준인 Component Story Format(CSF)으로 작성됩니다. 버튼 컴포넌트 부터 시작해 보겠습니다. 스토리란 문제의 컴포는트를 어떻게 렌더링..
React.js 2024. 8. 22. 22:26
이전 Prev 1 Next 다음