Storybook

webpack v4 -> v5, storybook v6 -> v7 migrate

storyshot은 storybook 공식 애드온으로 작성된 story에 대한 html형태의 스냅샷을 생성하고, 이전 스냅샷과 비교한다.

vue 유용한 directives, components 정리

Vuex는 단일 상태 트리를 사용하기 때문에 App의 모든 상태가 하나의 큰 객체 안에 포함된다. 그러나 규모가 커짐에 따라 저장소가 비대해질 수 있다. 이를 위해 Vuex는 저장소를 Module로 나눌 수 있다. 각 Module은 자체 state, getter, action, mutation 을 가진다.

Storybook은 React, Vue, Angular 등 다양한 Library를 지원하고, 여기서는 그 중 Typescript로 작성한 Vue 컴포넌트를 테스트하는 방법에 대하여 정리하였다.