템플릿 리터럴 (template literals) 와 destructuring

템플릿 리터럴

변수와 표현식을 문자열 안에 쉽게 삽입할 수 있게 해줌

백틱(`) 사용

문자열을 여러 줄로 작성하는 목적으로도 사용됨

 

destructing

객체에서는 키가 중요함

배열에서는 인덱스가 중요함

배열에서는 위치만 맞으면 구조분해할당이 됨

파일을 기능별로 분류하는 것과

변수명을 나눠서 분류하는 것은 그저 선호도 차이임

const customer = {

   name: "은진",

 };

const item = {

  name: "아메리카노",

  price: 4000,

};

const name = item.name;

const price = item.price;

// 얘네가 몇 백개, 몇 천개 있으면

// 일일이 써줘야 하는데

// 이 일을 한 번에 해줄 수 있다.

// 구조를 객체 형태로 가지고 있는데

// name과 price를 각각 변수화 시켜준다는 것이

// 기본 개념이다.

const { name, price } = item;

console.log("name은 > " + name);

// name은 > 아메리카노

console.log("price는 > " + price);

// price는 4000