계발하는 개발자

오픈소스를 보다보면 구조 분해 할당된 코드를 심심치 않게 볼 수 있다. 내 경우 평소에 잘 써보지 않은 문법이라 이번에 맘 먹고 정리해보기로 했다! 구조분해할당(Destructuring assignment) 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 개발을 하다 보면 객체나 배열에 저장된 일부 데이터에 접근해야 하는 경우가 생기기 마련이다. 이럴 때 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법인 구조 분해 할당을 사용할 수 있다. 1. 객체 분해 객체 분해의 경우 아래처럼 내가 원하는 특정 값을 변수에 담을 수 있다. 기본 변수 할당 객체 구조분해 변수에 값을 할당하는 기본 방법은 다음과 같다. cons..

chart.js란? canvas를 이용하여 다양한 종류의 차트를 생성할 수 있는 데이터 시각화 라이브러리다. 이 라이브러리를 사용하면 쉽고 간단하게 데이터 기반의 반응형 차트를 생성할 수 있다. Getting Started | Chart.js Getting Started Let's get started with Chart.js! Alternatively, see the example below or check samples. Create a Chart In this example, we create a bar chart for a single dataset and render it on an HTML page. Add this code snippet to your page: You should www.c..

day.js란? day.js는 Javascript에서 날짜/시간을 쉽게 파싱하고 계산할 수 있도록 도와주는 Date 라이브러리다. 흔히 날짜 라이브러리로 잘 알려진 moment.js 보다 가볍다고 알려져 있다. Day.js · 2kB JavaScript date utility library 2kB JavaScript date utility library day.js.org 사용법 1. 다운로드 npm install dayjs 2. 스크립트 사용 import dayjs from 'dayjs' import relativeTime from "dayjs/plugin/relativeTime"; // .from, .to 등 상대시간 알아내는 플러그인 import utc from "dayjs/plugin/utc"; ..

slice() 주어진 배열의 begin부터 end까지(end 미포함)를 새로운 배열 객체로 반환하는 메서드 원본 배열은 바뀌지 않는다. Array.prototype.slice() - JavaScript | MDN slice() 메서드는 어떤 배열의 begin 부터 end 까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. developer.mozilla.org 기본 구조 표시된 것은 optional 이며, 필요할 때 선택해서 사용하면 된다. arr.slice([begin, end]) begin 잘라낼 배열의 시작 인덱스 end 잘라낼 배열의 종료 인덱스 (미포함) end index가 생략되면, begin index부터 배열의 끝까지 잘라낸다. arra..