템플릿 문자열

개념 이해하기

템플릿 문자열은 ${...} 안의 표현식을 평가하고 여러 줄 문자열을 그대로 작성할 수 있습니다. + 연결보다 문장 구조가 잘 드러납니다.

${} 안에는 변수뿐 아니라 계산식도 들어갑니다. 마지막 자리에서는 completed를 total로 나눈 0.6에 100을 곱하고 Math.round로 반올림한 60이 들어가며, 바로 뒤의 %와 괄호는 백틱 안의 일반 글자로 출력됩니다. 그래서 화면에는 호현님의 진도는 12/20 (60%)입니다.가 표시됩니다.

템플릿 안에 ${ 자체를 글자로 쓰려면 \${처럼 역슬래시로 이스케이프하고, 백틱 문자도 역슬래시를 붙여 넣습니다. 백틱 앞에 함수 이름을 붙이면 태그드 템플릿이 되는데, String.raw를 붙인 템플릿은 \n 같은 이스케이프를 해석하지 않고 역슬래시와 n 두 글자로 그대로 둡니다.