[JavaScript] 자바스크립트 템플릿 문자열이란?

[JavaScript] 자바스크립트 템플릿 문자열이란?

템플릿 문자열

- 값을(변수or 상수) 문자열 안에 써야하는 경우 사용 

- ES6부터 지원

- 사용방법은 문자열을 ` `(백틱)으로 감싸고 변수명 이나 상수명을 ${} 로 감싸줌 

//ES6 예시)

let temp = 19.5;
const message2 = `현재 온도는 ${temp} 입니다.`;
message2;

 

- 만약 템플릿 문자열을 사용하지 않고 문자열 안에 변수명을 넣는 다면?

// 템플릿문자열 사용하지 않은 예시)

let currentTemp = 19.5;
const message1 = '현재 온도는' + currentTemp+ '입니다.';
message1;

- 문자열 마다 따음표를 씌어주어야 하고 병합연산자(+ 플러스)를 넣어줘야 한다.

- 위에 예시는 변수가 하나만 들어가서 큰 차이 없지만 한 문자열에 변수가 여러개 들어가게 된다면 상당히 귀찮아 질 수 있다.