더북(TheBook)

둘째, ${} 문법을 이용해 문자열에 변수 또는 식을 넣을 수 있습니다. 다음 코드를 보면 템플릿 문자열의 ${} 안에 외부에 미리 정의한 변수 또는 표현식을 넣어 연산한 값을 변수에 할당합니다.

TIP | 템플릿 문자열은 기존 문자열 정의 방법의 여러 단점을 모두 개선한 방식입니다. 그래서 ES6 문법을 사용할 수 있는 개발 환경에서는 템플릿 문자열을 사용하는 것이 여러모로 이득입니다.

09/02/template_string_ex.js

let dan = 3; 
let gugu = 8;
let string = `${dan} 곱하기 ${gugu} ${dan * gugu}입니다.`;
console.log(string);

실행결과

3 곱하기 8은 24입니다.
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.