
[Storybook] 컴포넌트의 UI를 관리하는 스토리북 사용해보기
·
Web/Storybook
스토리북이란?최근 스토리북(Storybook)에 대해 알게되었다.스토리북이란 FE 개발에서 필수적인 컴포넌트를 문서화하고 시각화할 수 있는 도구이다.props와 onClick 등 다양한 매개변수에 대한 테스트도 가능하며, 페이지 자체도 구동할 수 있다.또 문서화된 스토리북 자체를 배포해서 협업에 유용하게 사용할 수 있다! 물론 정석적으로는 스토리북과 함께 개발하는 것이 베스트겠지만공부를 위해 현재 진행하고 있는 프로젝트에 스토리북을 임시로 설치해봤다.이번 연습을 통해 스토리북을 익혀서 다음 프로젝트에 적용할 수 있었으면 좋겠다. 설치 방법npx storybook@latest init 실행방법npm run storybook 실행 후 localhost 6006번에 접속하면 된다.다음과 같은 화면이 뜬다면 ..