📒 Storybook

[Storybook] React + yarn + Vite로 스토리북 시작하기 (+yarn 호환성 오류)

스토리북 일단 공식 문서에서 확인해보자. (링크) 스토리북은 컴포넌트 기반의 뷰를 위한 독립적인 UI 개발 환경이다. 말이 너무 어렵다. 프론트 단에서 컴포넌트 단위를 개발, 테스트, 문서화 할 수 있는 도구라고 생각하면 된다. 각각의 컴포넌트를 독립된 스토리로 분리해서 개발한다. props를 내려줘 바로바로 디자인이 변경되는 것을 확인, 테스트, 디버깅을 할 수 있다. 문서화 할 수 있어서 재사용성이 높고 개발자나 디자이너 등 팀의 협업을 용이하게 한다. 이전에 만든 바닐라로 MBTI 테스트를 React로 만들고, TS로 마이그레이션도 해보려고 하는데 혼자 컴포넌트도 문서화 해보면 좋겠다는 생각이 들어서 스토리북을 시작해봤다. 설치 필자는 제목처럼 타입 스크립트가 아닌 React, yarn, vite로..