const 이름 = '크렁';

let template= `<div>${이름}</div>`

console.log(template) // "<div>크렁</div>"

Tagged literal

`템플릿 리터럴 문자` 를 해체분석할 수 있다.

1. 문자들을 array 로 만들어줍니다.
2. ${ } 변수들도 출력해줍니다.

const 이름 = '크롱';
const 나이 = 20;

function 해체분석기(문자들,변수,변수2){
	console.log(문자들);
    console.log(변수);
  console.log(변수2);
}

해체분석기`안녕하세요 ${이름} 입니다. 저는 ${나이}살 입니다.`;


콘솔창 결과 -> ["안녕하세요 "," 입니다. 저는 ","살 입니다."]
"크롱"
20

🔮 중괄호 기준으로 문자열을 나눈다.

글자의 순서를 변경해볼까요

var 변수 = '손흥민';

function 해체분석기(문자들, 변수들){
  console.log(문자들[1] + 변수들);
}

해체분석기`안녕하세요 ${변수} 입니다`;



결과 --> " 입니다손흥민"