Web/Vue

[ SSAFY 7기 ] 1학기 파이널 프로젝트 Happy House

싸피 1학기의 파이널 프로젝트로 진행한 Happy House 프로젝트이다. 1학기 내내 Happy House를 완성하기 위한 관통 프로젝트를 진행하는데 마지막 파이널 프로젝트에선 새롭게 배운 Vue를 적용했기 때문에 프론트는 거의 새롭게 갈아 엎었다고 봐도 무방했다. 이 글은 Vue로 프론트를 제작하며 신경 썼던 부분을 회고하하는 글이다. UI vue 템플릿으로 검색해서 찾은 Vue Soft UI Dashboard를 사용해 전체 UI 틀을 제작 했다. https://demos.creative-tim.com/vue-soft-ui-dashboard/#/dashboard Vue Soft UI Dashboard by Creative Tim Start your Development with an Innovativ..

Vue에서 Chart.js로 데이터 시각화 하기

아파트 실거래 내역을 이용해 아파트 거래가 변경 추이를 한눈에 볼 수 있도록 차트를 넣기로 했다. 데이터만 준비 되어있다면 간편하게 시각화를 시켜주는 chart.js 라이브러리를 사용하였다. 프로젝트 Vue 버전 : 2.6.14 https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. www.chartjs.org 시작하기 npm 으로 설치해서 불러올 수도 있지만 간단하게 cdn방식으로 사용하였다..