템플릿 문자열

템플릿 문자열?

---

문자열 안에서 변수를 전개하기 위한 표현법

기존의 작성법에서는 문자열과 변수를 결합할 때 +를 사용하였습니다.

 

const name = "junhyuk";

const age = 30;

const message = "내 이름은 " + name + " 이고, 나이는" + age + "살 입니다."

console.log(message);

 

이렇게 작성할 경우 +를 입력해야하는 번거로움이 있습니다. 그래서 ES2015 이후에는 템플릿 문자열을 이용해 다음과 같이 더욱 편리하게 입력할 수 있습니다.

 

const name = "junhyuk";

const age = 30;

const message = `내 이름은 ${name} 이고 나이는 ${age}살 입니다.`

console.log(message);

 

템플릿 문자열을 이용하는 경우에는 ` ` 역따옴표, 백팃으로 문자열을 감싸고 변수를 불러오기 위해 ${변수명} 을 입력해주면 위의 코드와 같이 간단하게 전개할 수 있습니다.