14 뷰 플러그인과 외부 라이브러리 타입 정의

source: categories/study/vue-beginner-lv5/vue-beginner-lv5_9-05.md

14.1 프로젝트 생성 및 라이브러리 안내

  • chart.js
  • 외부 라이브러리를 뷰 플러그인화하고, 플러그인화 한 내용들을 타입정의해보도록 하겠다.
vue i -g @vue/cli

vue create vue-chart

cd vue-chart
yarn serve

chart.js 라이브러리를 사용하는 이유

  1. 완벽 가이드(lv3)에서도 chart.js를 다뤘었고,
  2. 타입스크립트 실전편을 들으신 분들은, 실전 강의에서 코로나 대쉬보드를 만들 때, chart.js를 쓴 것을 이미 알고 계실겁니다.
    그래서 또 chart.js네? 라고 생각하실 수도 있지만,
    원래 개인적으론 다른 라이브러리를 사용하려다가, 좀 더 친숙한 라이브러리로 점진적으로 학습하시는 것이 좋을거 같아서..

맨 처음

  1. 완벽 가이드(lv3)에서 플러그인화 학습
  2. 타입스크립트 실전편에서 chart.js 타입 정의 학습 (+ 모듈화)
  3. 뷰에서 chart.js 라이브러리를 쓸 때, 아 이건 이렇게 쓰면 되겠구나란 힌트를 얻으면됨