후니후니

  • 홈
  • 태그
  • 방명록

Preview 1

Vue Storybook 적용 방법

실무에서 스토리북을 도입하기 전에는 노션 문서에 UI 컴포넌트들의 사용 방법이나 스크린 샷등으로 어떤 컴포넌트인지 알 수 있도록 문서를 작성했다. 글로벌로 재사용하는 UI 컴포넌트의 개수가 엄청나게 많은 건 아니지만, 다른 사람이 만든 UI 컴포넌트를 사용할 때 문서를 보고 한눈에 파악하기가 쉽지 않다. 스토리북을 예전에 사용해보긴 했지만, 워낙 바쁜 상황이어서 도입은 미뤘었는데, 시간될 때마다 스토리북을 설정해서 마침내 스토리북을 도입했다. 다만 스토리북을 도입할 때까지 쉽지는 않았는데, 기존에 사용하고 있던 Composition API, Vuetify, 기타 라이브러리 등에서 충돌이 발생했기 때문이다. 스토리북은 별개의 빌드를 구성하기 때문에 그에 따라 설정을 해줘야 한다. 아래 명령어를 통해 우선 ..

Vue.js 2022.01.11
이전
1
다음
더보기
프로필사진

후니후니

  • 분류 전체보기 (62)
    • Vue-cli 배포 (2)
    • ES6 (1)
    • 디자인 패턴 (3)
    • JavaScript (12)
    • TIL (0)
    • CSS (3)
    • 포트폴리오 제작기 (3)
    • Cypress (3)
    • React.js (10)
    • Nuxt.js (5)
    • TypeScript (3)
    • Vuetify (1)
    • Vue.js (3)
    • Github Action (1)
    • Three.js (2)
    • Pinia (4)
    • etc (2)
    • React Native (2)
    • DB (2)

Tag

react query, composition, vue, JS, Cypress, Core Components, e2e, 자바스크립트, NUXT, pinia, 포트폴리오, react, Store, frontend, 타입스크립트, Front, vuetify, react-query, Redux, vue3,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바