Node.js.8. JavaScript 문법 - Template Literal

Template Literal

JavaScript에서 문자를 표현하는 편리한 방법

 

---

var name = 'egoing';
var letter = 'Dear' + name + '\n\
\n\
ipsum dolor sit amet, consectetur adipisicing elit,' + name + 'sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo ' + name + ' consequat. Duis aute ' + name + ' irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in egoing culpa qui officia deserunt mollit anim id est laborum.';
console.log(letter);

코드에서 줄바꿈을 하고 싶을 경우 \를 입력한다.

출력도 줄바꿈을 하고 싶다면 \n을 입력한다.

 

 

하지만 이들은 매우 불편하다. 그래서 편리하게 작성하기 위해 만든, 특수한 문자인 Template Literal가 있다.

*Literal: 정보를 표현하는 기호

문자열을 ``로 감싸주고 넣을 변수는 ${변수}로 작성하자.

var letter = `Dear ${name}

ipsum dolor sit amet, consectetur adipisicing elit ${name} sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo ${name} consequat. Duis aute ${name} irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in egoing culpa qui officia deserunt mollit anim id est laborum.`;
console.log(letter);

 

두 결과는 같다. 따라서 Template Literal을 사용하게 되면 이상한 기호(\, \n)를 사용하지 않아도 된다는 장점이 있다. 또한 문장을 끊지 않고도 $를 붙여 변수를 작성할 수 있다.

또한 중간에 변수나 숫자를 계산한 값을 넣을 수도 있다.

${1+1}

다음과 같이 작성하면 2로 바로 출력할 수도 있다.