Template Literal

mango1004·2022년 3월 18일
0

템플릿 리터럴[Template Literal] 이란 문자와 변수를 함께 쓸 수 있는 도구이다.

얼핏 보기에는 " 이나 ' 와 같은 쌍따옴표, 따옴표와 비슷해보이지만, 백틱이라는, `` 문자를 사용한다!!

그리고, 백틱 안쪽에, ${ 변수명 }으로 string과 변수를 연산자로 더해주지 않아도 가독성 좋게 코드를 작성할 수 있다.

간단한 예제로 살펴보자.

예제 1)

let banana = 3
let apple = 2
console.log("철수는 " + banana + "개의 바나나를 먹고, " + apple + "개의 사과를 먹는다")

예제 1의 코드는 물론 맞는 코드이지만, 정신이 없다.
Template Literal 방법을 통한 코드는 아래와 같다.

let banana = 3
let apple = 2
console.log(`철수는 ${banana} 개의 바나나를 먹고, ${apple} 개의 사과를 먹는다`)

결과적으로 더욱 더 편리하고 "+"와 같은 연산자가 필요없게 되었다!!

profile
프론트엔드 개발자

0개의 댓글