[JS] 템플릿 리터럴 | template literals

템플릿 리터럴 [template literals] 이란 ?

JavaScript에서 backtick(`)을 사용하여 문자열을 표현한 것을 템플릿 리터럴 [ Template Literals ] 라고 한다.

const name = 'mingtory'
let age = 20
let alpha
const song = 'savage(feat.BIA)-Bahari'

console.log("저는 " + name + "이고, 나이는 " + (age + alpha) + "살입니다. 요즘 자주 듣는 노래는 " + song + " 입니다.")
// 이 부분을 아래와 같이 바꿀 수 있게 됨

console.log(`저는 ${ name }이고, 나이는 ${age + alpha}살입니다. 요즘 자주 듣는 노래는 ${song}입니다.`)
// 템플릿 리터럴을 사용했을 때 

 

• '\n' 을 사용하지 않아도 줄 바꿈을 포함
• 간단하게 표현할 수 있음
• 문자열 중간에 변수를 대입 가능

Mac 에서 backtick(`) 사용법

• 한글 입력중 -> option + ₩
• 영어 입력중 -> ₩