javascript (template_literal)

template_literal 은 javascript에서 문자를 표현하는 편리한 방식중 하나 이다. 

 

보통 처음 javascript를 배우면 다음과 같은 방식으로 코딩을 할것이다. 

var name = 'jjuncoding';
var letter = name + ' is a good blog that explains how to code easily. So i use '+name + ' everyday!';
console.log(letter);

보기에는 괜찮아 보이지만 몇가지 단점이 있다. 

 

 

 

대표적으로는 코드상에서 들여쓰기를 하면 

다음과 같이 오류가 뜬다는것이다.

. 

 

 

 

 

이를 해결하기 위해서는 

다음과 같이 \(역슬래쉬) 를 붙여주어야 한다는 번거로움이 있다. 

 

 

 

 

 

이러한 불편함을 해결하기 위해서 <template literal> 이 등장한다. 

template literal은 다음과 같은 방식으로 사용한다. 

위 예시에서 알수 있듯이 우선 문자를 `(키보드 상에서 '~' 문자 아래에 있는 문자) 안에다가 넣어야 하고 변수는 ${ } 안에다가 넣어준다. 또한 들여쓰기를 하고싶을 때 '\n'을 사용할 필요 없이 그저 코드 상에서 띄어쓰기를 하면 된다. 

 

다음과 같이 template literal 을 이용하여 편리하게 문자를 표현해 낼 수 있다.