storybook 썸네일형 리스트형 StoryBook의 개념과 Figma와의 공존 얼마전 있었던 LG CNS 웨비나에서 언급되었던 스토리북에 대해 정리할겸 작성한 포스트 우선 StoryBook이란 Frontend 개발자가 UI 컴포넌트를 개발하고 테스트할 때 도움이 되는 도구로서 개별 컴포넌트를 격리하여 다양한 상황에서 시각적으로 테스트 및 문서화 할 수 있다. 주요 개념은 아래와 같다. Component: UI 컴포넌트, 예를 들어 버튼, 폼 필드, 헤더 등과 같은 것들. Story: 특정 컴포넌트의 특정 상태나 사용 사례를 설명하는 코드 조각. 예를 들어 버튼 컴포넌트의 "일반", "활성화", "비활성화" 상태를 보여주는 스토리를 만들 수 있다. Addon: Storybook에 추가 기능을 제공하는 확장 프로그램, 예를 들어 시각적 스냅샷 생성, 스타일 가이드 자동 생성 등. St.. 더보기 이전 1 다음
