ES6 기초 문법 세가지

1. const

const NUM = 100;
console.log(NUM); /* 100 */
NUM = 1;  /* Assignment to constant variable. ( 상수 변수라 값을 할당할 수 없다.) */
console.log(NUM); /* 100 */

2. let

console.log(num); /* undefined */

var num;

console.log(num); /* num is not defined */

let num;

3. Template literals ``(백틱) 

세번째로 백틱 ``입니다.

기존에 자바스크립트에서는 문자열을 표시할때  ' 혹은 ''을 사용했습니다.

ES6에서는 ``이 추가되어 아주 편리해 젔습니다. 

var content = '';
content = '<tr>';
content += '<td>' + realdate + '</td>';
content += '<td>' + price + '</td>';
content += '<td>' + pri_ch + '</td>';
content += '<td>' + pri_chp + '</td>';

기존에 이런식으로 여러줄로 표현되거나 한줄에 우겨넣으면 아주 복잡했던 코드를 간단하게 

let content = '';
content = `<tr>
<td> ${realdate} </td>
<td> ${price}    </td>
<td> ${pri_ch}   </td>
<td> ${pri_chp}  </td>`;

`` 하나로 표현할수 있다. 변수는 ${}안에 넣어주면 됩니다. 

이상으로 ES6문법 세가지를 알아봤습니다. 

추가적으로 어느 블로그를 보니 var와 let 을 브라우저 종류별로 테스트 한 글을 읽었는데

얼마전까지는 var가 let보다 압도적으로 빨랐지만 현재는 비슷한 수준까지 올라왔다고 한다.

하지만 섞어쓰는것은 제일느리고 var든 let이든 한가지를 골라서 쓰는게 가장 효율적이라고 한다.