ES6 2

[ES6] Template Literals - 템플릿 리터럴을 통한 깔끔한 세상 (Syntactic sugar)

"Hello world! 내 이름은 " + name + "입니다." `그리고 제 이름은 ${name} 입니다.` Javascript 는 Template Literals (ES5까지는 template strings ) - 템플릿 리터럴을 제공한다. MDN 문서에서의 Template Literals의 설명은 아래와 같이 시작한다. 내장된 표현식을 허용하는 문자열 리터럴 - Template Literals 자바스크립트에서 '문자열' 은 데이터의 양 끝에 큰 따옴표(" ") 혹은 작은 따옴표(' ') 로 감싸서 ( '문자열' or "문자열" ) 표현하게 되는데, 이렇게 따옴표로 이루어진 데이터 안에는 특정한 기능이나 변경 없이 string 문자열 데이터만 들어갈 수 있다. 그래서 이 문자열과 문자열 사이에 특정..

[JS] Destructuring Assignment (구조분해할당) + Computed Property Name (계산된 속성 이름)

JS 에서 변수를 한번에 담기 위해 사용하는 구조는 '배열 (Array)' 과 '객체 (Object)' 구조로 크게 두 가지로 나누어진다. 데이터를 다루는 데 있어서 이 배열에 담긴 데이터들과 객체의 담긴 데이터들을 분리해서 구별해 저장할 필요가 생길 때 사용하는 기능이 바로 '구조분해할당' 구문이다. let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ...rest] = [10, 20, 30, 40, 50]; console.log(a); // 10 console.log(b); // 20 console.log(rest); // [30, 40, 50] ({ a, b } = { a: 10, b: 20 });..