Front

컴포넌트 디자인 패턴 1. Common - 기본적인 컴포넌트 등록과 컴포넌트 통신 {{ title }} {{item}} renew items 2. Slot - 마크업 확장이 가능한 컴포넌트 slot은 데이터는 위에있음 아래 컴포넌트에서 데이터를 표현만 해줄뿐 slot을 왜 쓸까? - 요구사항이 바뀔때를 대비, 유연하게 화면의 영역을 확장 할 수 있다. {{ item }} 아이템 1 아이템 2 click me 아이템 3 아이템 4 3. Controlled - 결합력이 높은 컴포넌트 - 하위에서 관리해야 했던 데이터를 상위에서 관리하게 하는 방법 - 컴포넌트에 데이터 의존성 분리 4. Renderless - 데이터 처리 컴포넌트 {{ response }} loading... name : {{ response..

var divElement = document.getElementById('app'); var divElement = document.querySelector('app'); var divElement = $('#app'); vue에서 위 3개와 대등한 속성은 ref var divElement = this.$refs.app; hello

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

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..

설치하는 방법 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가 생김

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 https://apexcharts.com/vue-chart-demos/ Vue Chart Examples & Samples..