[Javascript] 템플릿 리터럴 | Template literals

템플릿 리터럴이란?

내장된 표현식을 허용하는 문자열 리터럴이다. 백틱을을 이용하여 여러 조각으로 이루어진 문자열과 변수, 상수 등의 조합을 훨씬 읽기 편하게 입력할 수 있다.

 

문법 예시

const apple = 3
const banana = 10
console.log("철수는 사과를 " + apple + "개 가지고 있고, 바나나를 " + banana"개 가지고 있어요!")

이런 식으로 라인에 여러가지 요소가 들어가면 코드가 번잡해진다. 그럴 때 템플릿 리터럴을 사용하여 코드를 간결하게 만들 수 있다.

console.log(`철수는 사과를 ${apple}개 가지고 있고, 바나나를 ${banana}개 가지고 있어요.`)

백틱(` `)안에 문자열을 넣고 스페이스 홀더( ${expression} ) 안에 표현식을 넣으면 된다.

 

결과값

상단 예시의 코드를 콘솔에 입력해보면 아래와 같이 출력되는 것을 확인할 수 있다.