2020.02.09 Javascript ES6 백틱(`)

백틱(`)에 대해서 알아보려고 한다.

우리는 ES5까지는 문자 또는 문자열을 표현할때 쌍따옴표("") 또는 작은 따옴표('')를 사용해왔다.

하지만 ES6에 들어서고부터는 백틱(`)도 사용할수있게 된다.

백틱(`) 어떤점이 다를까? 살펴보자.

 

ES6 템플릿 리터럴 특징

 

1. 별도의 작업없이 백틱안에 있는 문자열들은 연산기호 없이 연산도 가능하고 줄의 이동도 가능하다.

보통 ES5에서는 줄을 이동하는 기호를 넣고 다시 +와 쌍따옴표를 이용해서 문자열을 이어갔다.

그리고 문자와 문자 또는 문자와 문자열 또는 숫자와 숫자 등등 여러가지 연산을 하기위해 +와 작음따옴표를 자주 사용했어야 했다. 하지만 백틱은 다르다. 더 편해진것이다.

 

2. 문자 인터풀레이션이라는 기능이 생겼다.

바로 문자 또는 문자열 그리고 숫자를 +라는 연산기호 없이 연산할수있다는 의미이다.

 

 

두번째 출력문에 보면 달러기호와 중괄호가 보일것이다. 정말 편하다.

그리고 첫번째 출력문을 보면 백틱안에서 줄 이동을 했을때 출력문에서도 줄이동이 이루어진것을 볼수있다.