[JavaScript / ES6] 템플릿 문자열

템플릿 문자열은 문자열 연결 대신 사용할 수 있다.

보통, 문자열을 연결하여 출력하려면 + 기호를 사용하여 이어붙여야 한다.

console.log("안녕하세요.\n제 이름은 " + name + "입니다. 제 나이는 " + age + "살 입니다.")

 

하지만 템플릿 문자열에서는  ${ }를 사용해 그 안에 변수를 넣을 수 있다.

console.log(
`안녕하세요.

제 이름은 ${name}입니다. 제 나이는 ${age}살 입니다.`
)

그레이브 액센트(`) 사이에 문자열을 문자열을 입력하고, 변수는 ${ } 사이에 넣으면 된다.

그러면 + 와 " 로 일일이 이어붙이지 않아도 되며, 탭, 개행 문자, 공백 모두 유지하게 되어 한눈에 파악하기 쉽다.