기존 자바스크립트에서 문자열과 변수를 합치기 위해서는 ““와 +로 조합을 해주곤했다.

이렇게..

let name = "sora";
console.log("hiiiiii" + name);

하지만 변수가 많아지거나,

코드줄이 많아지면 생각하고 조합한다는게 여간 귀찮 + 복잡한게 아니다.

그때 사용할 수 있는게 템플릿 리터럴!

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다

MDN 참고

이게 귀찮을때는 벡틱을 이용하면 되는데

벡틱이란 ` 이렇게 된 표시로.. 키보드 최좌측 상단의 ‘~’키보드를 fn과 함께 누르면된다

싱클쿼테이션(‘’), 더블쿼테이션(““)이랑은 다른 것임

여튼 그래서 사용법은

let name = "sora";
console.log(`hiiiiii ${name}`);

이렇게 벡틱안에 문자열과 ${변수} 를 같이 써주면된다

저 안에서 함수도 실행시킬 수 있다

const add = (a,b) => a + b;
console.log(`a + b is ${add(6 , 6)} !`)
//a + b is 12 !

노마드코더의 ‘ES6의 정석’을 듣고 정리 =)