Front

https://whwl.tistory.com/42 [Vue.js] Vuetify 사용방법 프로젝트에서 프론트엔드 역할을 맡아 Vue.js로 작업하고 있다. 그래서 Vuetify를 공부하며 열심히 활용하고 있는 중이다. 처음에 뭔지 하나도 모르다가 직접 사용해보니 굉장히 편하다고 느꼈다. whwl.tistory.com https://codesandbox.io/s/ei812?file=/src/Animals.js autocomplete-example-1 - CodeSandbox autocomplete-example-1 by cj_1433 using @vue/cli-plugin-babel, v-autocomplete, vue codesandbox.io https://dwc04112.tistory.com/169 ..

{{ res }}

1. 차트 라이브러 NPM으로 설치 2. 설치된 라이브러리를 import로 App.vue에서 로딩 3. mounted() 라이프 사이클 훅에서 차트를 그림 4. 차트를 컴포넌트화 5. 컴포넌트의 플러그인화 6. 컴포넌트 통신을 이용한 차트 컴포넌트 기능 결합 chart.js

설치하는 방법 1. NPM 2. CDN 둘 중 하나 골라서 설치하면 된다. 1. NPM 설치 명령어로 설치 npm install chart.js로 설치햇더니 TypeError 나서 npm install chart.js@2로 설치했음 npm install chart.js@2 설치 중 모습 정상적으로 설치완료 되면 package.json에 chart.js가 생김

1. chart 라이브러리 https://www.chartjs.org/docs/latest/ Chart.js | Chart.js Chart.js (opens new window) Installation You can get the latest version of Chart.js from npm (opens new window), the GitHub releases (opens new window), or use a Chart.js CDN (opens new window). Detailed installation instructions can be found on the instal www.chartjs.org 2. chart 라이브러리 https://apexcharts.com/javascript-char..

구성 요소 이름 "스피너"는 항상 다중 단어 vue/multi-word-component-name이어야 합니다. 라는 error가 떴다. 이 에러는 Eslint와 같이 사용할 때 발생하는 에러인데, vue에서 component명을 만들 때 반드시 단어의 조합(CmmMenu)으로 지어야 한다는 의미이다. 이는 html 태그와 헷갈리지 않게 하려고 그렇게 설정해놨다고 한다. 해결하려면 경고메세지와 같이 컴포넌트명을 단어의 조합으로 바꿔도 되지만 이 에러가 아에 안뜨게 하려면, vue.config.js 파일에 lintOnSave: false를 추가해주면 된다. const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({..