스노우보드 참 좋아하는데 맨날 키보드 앞에만 있네

전개 연산자(바벨)를 사용한 배열 복사 자바스크립트의 객체 복사에 대해서 잘 모르시는 분은 아래 링크를 통해 이전 게시글을 참고하도록 하자 2017/10/31 - [Programming Note/Javascript] - [JavaScript] 참조 복사와 값 복사 (얕은 복사와 깊은 복사) ECMAScript 6 에서 추가된 전개 연산자(spread operator)를 사용하면 배열의 내용을 복제하거나 병합할 수 있다.전개 연산자를 사용할 수 있는 구문은 다음과 같이 세 가지가 있다. 12345678// 함수 호출용myFunction(...iterableObj); // 배열 리터럴 용[...iterableObj, 4, 5, 6] // 비구조화 용[a, b, ...iterableObj] = [1, 2, 3..

자바스크립트 참조 복사와 값 복사 자바스크립트에서 = 를 이용하여 객체를 복사하면 값을 복사하는게 아니라 그 값의 위치를 참조만 하게 된다. 한번 자세히 알아보도록 하자. 자료형의 값 복사(깊은 복사) 자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다. 아래는 깊은 복사 예제이다. 1 2 3 4 5 6 7 var originalValue = 100; var newValue = originalValue; originalValue = 200; alert(originalValue); alert(newValue); 위 소스코드 1열에서 originalValue에 100의 값이 들어가고, 2열에서 newValue에..

객체 (Object) 오늘은 객체에 대해 공부해보도록 하자.자바스크립트의 거의 모든 것은 객체이다. 기본 데이터 타입인 boolean, number, string, null, undefined를 제외하고 말이다.객체는 배열과 상당히 유사하다. 개요자바스크립트의 기본 자료형은 숫자, 문자열, 불, 객체, 함수, undefined이다. 그러면 배열의 자료형은 무엇일까?1alert(typeof ([])); 응~ 오브젝트야~ 배열은 객체를 기반으로 만들어졌으므로 배열과 객체는 상당히 비슷하다.차이가 있다면 배열은 요소 접근 시 인덱스를 사용하지만, 객체는 키를 사용한다는 점이다. 객체를 생성한 후 콘솔창에 출력한다. 12345678var product = { 제품명 : '7D 건조 망고', 유형 : '당절임',..