본문 바로가기

전체 글321

배열 깊은 복사 cosnt a = ["a", "b", "c"]; //slice() 이용 const b = a.slice(); // push 이용 const c = []; c.push(...a); //for 이용 const d = []; for(let i = 0; i < a.length; i +) { d[i] = a[i]; } 배열은 참조형이기 때문에 깊은 복사를 통해서 값을 넣어주어야 한다 2020. 6. 24.
배열과 객체 const a = ['a', 'b', 'c']; console.log(a[0]); console.log(a[1]); console.log(a[2]); const b = { '0': 'a', '1': 'b', '2': 'c' }; console.log(b[0]); console.log(b[1]); console.log(b[2]); console.log(typeof a); // object console.log(typeof b); // object 객체 b에서 b['0']이 아닌 b[0]으로 호출이 가능한 이유는 대괄호안에는 문자열 형태로 접근해야하는데 숫자를 입력하는 경우 자바스크립트 엔진이 문자열 형태로 바꿔주기 때문이다. 타입을 비교해보면 자바스크립트에서는 배열과 객체 모두 object로 생각한다. 리.. 2020. 6. 24.
자바스크립트 개념 객체 자바스크립트에서 boolean, number, string의 기본 데이터 타입과 null, undefined를 제외한 나머지는 모두 객체이며 null과 undefined를 제외한 나머지 타입은 객체처럼 다룰 수 있다는 특징이 있다. 자바스크립트에서 객체는 단순히 key:value 형태의 프로퍼티들을 저장하는 컨테이너이며 Hash 자료구조와 유사하다. 기본타입의 객체는 하나의 값만을 가지는데 비해 참조타입 객체는 여러 프로퍼티를 포함할 수 있으며 기본 타입의 값을 포함하거나 다른 객체를 가리킬수도 있다. 객체의 프로퍼티는 함수로 포함될 수 있으며 이러한 프로퍼티를 메서드라 한다. 객체 생성 3가지 방법 Object() : const temp = new Object() 의 방식으로 생성 객체 리터럴 :.. 2020. 6. 2.
컴포넌트에 데이터 넣기 - chart.js 부포에서 자식으로 데이터를 전송하기 위해서는 props를 사용한다. 아래와 같이 차트 컴포넌트를 생성해준다. props를 통하여 받아올 데이터에 대해 설정해준다. 컴포넌트를 사용할 화면단에서 데이터를 생성해준다. data () { return { sampleData: { datasets: [{ data: [10, 20, 30, 20, 10], backgroundColor: //색상 }], labels: ['라벨1', '라벨2', '라벨3', '라벨4', '라벨5'] } } } } 하위 컴포넌트에 props를 통해 데이터를 전달해준다. 2020. 5. 4.

티스토리툴바