devOhzl

💬 개요보통 나는 객체나 기본 자료형을 복사할 때 나는 = 키워드를 사용하였다.하지만 객체는 = 키워드를 사용했더니 기존의 변수도 같이 수정됐다. 📌 자바스크립트의 원시값 vs 참조값자바스크립트에서의 값은 원시값과 참조값 두 가지 데이터의 타입이 존재한다. - 원시값 기본 자료형(단순한 데이터)를 의미 ( Number,String,Boolean, Null, undefined 등)변수에 원시값을 저장하면, 변수의 메모리 공간에 실제 데이터 값이 저장된다. 할당된 변수를 조작하려고 하면 저장된 실제 값이 조작된다.const a = 1;let b = a;b = 2console.log(a); //1console.log(b); //2원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의..

💬 개요 차트는 프로젝트를 진행하면서 필수로 자주 사용하였다. echarts , chartjs를 사용해 보았는데, 그중 chartjs 사용법을 정리해보고자 한다. 📌 정의 vue-chartjs 라이브러리는 chart.js를 vue에서 사용할 수 있도록 한 라이브러리이다. chart.js를 사용하기 위해서는 chart.js, vue-chartjs 라이브러리가 기본적으로 필요하며, 기타 차트 관련 플러그인 라이브러리를 추가 설치할 수 있다. 📌 vue-chartjs 설치 npm install vue-chartjs chart.js 📌 chartjs 플러그인 라이브러리 설치 (필수X) ⏩ chartjs-plugin-datalabels 설치 : 차트 내에 데이터의 값을 표시하기 위한 플러그인 라이브러리 npm i..

💬 개요 프로젝트 배포를 하려고 백엔드 개발하시는 분께 vue폴더를 드렸는데 npm install을 하는데 계속 멈추는 오류가 발생하였다. 이미 npm install을 한 상태에서 package-lock.json이 파일이 생긴 상태로 공유를 했었는데, package-lock.json 파일을 삭제하고 npm install을 하니까 정상 작동 하였다. 📌 package.json npm을 이용해서 프로젝트에서 사용하는 외부 패키지의 의존성을 관리한다. 다수의 개발자들이 함께 개발을 한다면, 모든 개발자들이 동일한 개발 환경을 가지는 것이 중요하다. 📌 package.json VS package-lock.json package.json : 버전정보를 저장할 때 version range를 사용한다. ( ex. "..

☑️ grid - containLabel : 그리드 영역에 축 눈금 레이블이 포함되어 있는지 여부 true : 축을 동적으로 사용 가능 / false : 축을 grid.left/right/top/bottom 에 맞춰 고정 가능 - width/height : 차트 그리드의 너비/높이 - top/bottom/left/right : 그리드와 차트 사이의 거리 , 쉽게 말하면 padding 값 ☑️ yAxis - splitNumber : y축 갯수 제한 - interval : y축 눈금 간격 설정 -- 계속 추가 예정

📌 개요 차트는 프로젝트를 진행 하면서 필수로 자주 사용하였다. echarts , chartjs를 사용해보았는데, echarts가 document나 exmaple이 많아서 사용하기 편리했다. 📌 적용하기 ⏩ echarts 설치 npm install echarts ⏩ vue.js 에 적용하기

💬 개요 처음에는 CSS를 사용하여 개발을 했는데, 간단한 레이아웃에서는 괜찮았지만 화면이 복잡하고 많아지기 시작하면서 내가 작성한 코드지만 한눈에 알아보기 어려웠고 나중에는 클래스 이름이 겹치기도 하였다. 이를 보완하기 위해 SCSS를 사용해보고자 한다. 📌 SASS ( Syntactically Awesome StyleSheet ) 코드의 재활용성을 올리고, 가독성을 올리는 등 CSS에서 보이던 단점을 보완하고, 개발의 효율을 올리기 위한 CSS 전처리기 언어 ✔️ CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 ) 👉 CSS 전처리기(Preprocessor) 언어 Less, Sass(SCSS), Stylus 같은 전처리기 언어는 직접 동작시킬 수 없다. 전처리기 언..