import ( "코딩", "행복", "즐거움" )

Axios ?? HTTP통신 라이브러리다. vue3로 front-end UI구성을 마치고, back-end API를 제작을 마친 상태라면 이제 통신이 필요한 시점이다. 이 때 Axios가 필요하다. 이와 관련해서 필요한 내용을 정리한다. axios 사용하는 방식은 2가지 이다. 1) cdn 링크로 사용 2) npm 설치 후 사용 cdn 링크 사용 npm 설치 후 사용 npm install axios 필자는 npm 설치 방법을 택했다. 다음은 main.js에서 import 를 한다. import axios from 'axios' 전역으로 axios를 사용하기 위해서 다음 코드도 추가 한다. const app = createApp(App) app.config.globalProperties.$axios = a..

vue3-chartjs github 주소 아래 참조 https://github.com/J-T-McC/vue3-chartjs GitHub - J-T-McC/vue3-chartjs: Vue3 wrapper for ChartJS Vue3 wrapper for ChartJS. Contribute to J-T-McC/vue3-chartjs development by creating an account on GitHub. github.com 패키지 설치 npm install @j-t-mcc/vue3-chartjs npm install chartjs-plugin-zoom npn install chartjs-plugin-datalabels Script 작성 결과

vue3-charjs를 사용하면 챠트를 쉽게 그릴 수 있다. github 링크는 아래 첨부 함. https://github.com/J-T-McC/vue3-chartjs GitHub - J-T-McC/vue3-chartjs: Vue3 wrapper for ChartJS Vue3 wrapper for ChartJS. Contribute to J-T-McC/vue3-chartjs development by creating an account on GitHub. github.com vue3-chartjs를 설치 npm install chart.js @j-t-mcc/vue3-chartjs script에 import 추가 import Vue3ChartJs from "@j-t-mcc/vue3-chartjs"; 챠트추..

DatePicker기능을 구현하려면 약간 복잡한데, Vue3에서 패키지를 이용한 설치방법은 매우 간단하다. 이유는 Vue3 DatePicker 패키지가 있어서 설치가 용이하기 때문이다. 아래와 같은 기능이 필요한경우 ... 필요한 npm https://www.npmjs.com/package/vue3-datepicker vue3-datepicker A simple Vue 3 datepicker component. Supports disabling of dates, translations. Dependent on date-fns.. Latest version: 0.3.4, last published: 5 months ago. Start using vue3-datepicker in your project by..

vue.js 의 export default를 이해하기 위해 "컴포넌트"를 알고 있어야 한다. 프로젝트 폴더를 보면 "components"가 존재한다. 이 폴더안에 HelloWorld.vue와 같은 *.vue파일을 생성 하게 된다. 여기에 추가되는 *.vue 파일들을 "컴포넌트" 라고 한다. 컴포넌트는 특별한 구조를 가지고 있다. 다음 코드는 처음 프로젝트를 만들 때 자동으로 생성되는 HelloWorld.vue 코드이다. {{ msg }} For a guide and recipes on how to configure / customize this project, check out the vue-cli documentation. Installed CLI Plugins babel eslint Essential..