목록Vue (3)
이것저것
이전 글에서는 Composition API로 차트 개발하는 방법을 설명했으면서 이제와서 개념에 대한 글을 작성하는 건 순서가 달라졌다고 보지만, 어쩔 수 없습니다. 원래 인생은 뜻대로 흘러가지 않는겁니다. 비교를 하려면 일단 비교 대상에 대해서 잘 알아야 합니다. 그렇기 때문에 비교에 앞서 Option API와 Composition API, 두 가지의 개념에 대해서 먼저 익히도록 합시다. Option API Option API는 Vue 컴포넌트를 구성하는 데 사용되는 객체 기반의 API입니다. 이 API를 사용하면 컴포넌트의 속성, 메소드, 라이프사이클 훅 등을 객체 리터럴 형태로 정의할 수 있습니다. 말이 참 어렵네요. 우선 객체 리터럴이라는 게 뭔지 아시나요? 객체 리터럴이란 객체를 생성하기 위해 사..
Vue를 사용해 개발하면서 제가 가장 열이 받았던 부분입니다. "차트" 별 것 아닌 것 같지만, 누구나 한 번 쯤은 꼭 사용해야 하고, 꼭 필요한 존재. 결론부터 말하자면, 저는 제가 직면한 문제를 풀지 못했기 때문에, 며칠동안 고생하다가 결국 척척박사님께 도움을 받았습니다. 이해만 하면 간단합니다. 시작 그동안 자바스크립트로 통계를 보여주기 위해, 우리는 Chart.js라고 하는 훌륭한 라이브러리를 사용해 왔습니다. 그리고 저 같은 병아리 개발자들을 위해서 Vue에서도 Chart.js를 사용할 수 있도록 훌륭한 분들이 이미 손을 써두었습니다. 우리는 그걸 설치하기만 하면 되는 겁니다. npm install vue-chartjs chart.js 공식문서 https://vue-chartjs.org/ 참고로..