바.렛.콘슷흐.렛.바... - ES6 를 알아보자!

1.ECMA SCRIPT6 의 약어 => 2015년 6월을 기준으로 새로 업데이트된 자바스크립트를 지칭

2.클래스 개념 도입 : 예시, '동물'이라는 키워드를 기반으로 하위의 어떤 존재(강아지,고양이,...)를 찾아서 적용하기 위한 개념으로 도입 => 본격적인 객체 지향 프로그램으로 변모

3.객체라는 개념이 넓어짐과 동시에 명확해짐

4.콜백지옥이란 불분명한 구조를 promise() 함수 ~ then 변경되었음(비동기방식 처리 과정)

전에 배운 es5와는 어떤 점이 다른지 알아보았다.

1.템플릿 리터럴(``) - 백틱사용

	console.log("***ES5***");
    var string1 = "안녕하세유~";
    var string2 = "반갑습니다";
    var greeting1 = string1 + "," + string2;
    
    console.log(greeting1);
        var product1 = {
        name : "곰인형",
        price : "7,200원"
    }
    
    var message1 = "상품" + product1.name + "의 가격은" + product1.price + "입니다.";
     console.log(message1);
    
    //문자열과 변수를 연결하는 과정에서 병합연산자를(+) 사용해야함
   

es5 => 문자열과 변수를 연결하는 과정에서 병합연산자를(+) 사용해야함

//******ES6*********//
    console.log("*****ES6*****")
    
    var string3 = "안녕하세유~";
    var string4 = "반갑습니다";
    var greeting2 = `${string3},${string4}`;
    console.log(greeting2);

    var product2 = {
        name : "곰인형",
        price : "7,200원"
    }
    var message2 = `상품${product2.name}의 가격은 ${product2.price}입니다.`;
    console.log(message2);
    
    //템플릿 리터럴 사용. 템플릿 리터럴에는 $를 사용하여 변수 또는 식을 포함할 수 있음 
    

es6=>템플릿 리터럴 사용. 템플릿 리터럴에는 $를 사용하여 변수 또는 식을 포함할 수 있음