도입 이유 새로운 프로젝트에 투입되었으며, 컴포넌트 관점이 많이 부족한 것을 느꼈다. atomic design 기반의 컴포넌트를 개발하고 있는 와중에 컴포넌트 기획, 디자인 시스템과의 협업을 위해 스토리북 기반의 CDD 프로세스를 만들기 위해 스토리북을 도입하였다. 서비스의 품질을 높이기 위해 컴포넌트의 유지보수성과 재사용성의 퀄리티가 높아야한다고 생각하며, 스토리북을 통해 어느정도 이 부분이 해소될 것이라고 생각한다. 스토리북이 약 한달 전에 7버전이 새로 나왔으며, 6버전 적용과 약간 다른 점이 있어 이 부분도 함께 정리하기 위해 이 글을 작성하였다. 설치 Vue 3 프로젝트 내 storybook을 설치해주도록 하자. 현재 storybook v7이 lastest이다. 참고 : https://github.com/storybookjs/storybook/tree/47f753f5e8d084b4d544cf1ec76077a9382aa6b2/app/vue3