문자열에 Template Literals을 써보자!

Template Literals가 뭐얌모얌

우리는 지금까지 문자열을 연결할 때 +를 사용해서 하나하나 연결했다!!!

const apple = 3;
const banana = 2;

console.log("철수는 사과를 " + apple + "개, " + "바나나를 " + banana + "개 가지고 있습니다.");

하지만 ES6버전에서 새로 도입된 문자열 표기법인 템플릿 리터럴을 사용해서 좀더 짧고 간편하게 문자열을 표기할 수 있어졌다!!!
템플릿 리터럴은 코드 안에서 엔터도 적용된다!

사용방법

console.log(`철수는 사과를 ${apple}개, 바나나를 ${banana}개 가지고 있습니다.`);  // 템플릿 리터럴

백 틱(``) 으로 전체를 감싸줘서 사용해준다.
그리고 그 안에 표현식을 삽입해주려면 ${ }으로 변수를 감싸준다!

결과

그러면 위와 같이 더 짧은 코드로 같은 결과를 받을 수 있다!