Tech/Javascript

[Javascript] ES6 - Template literal

lonnie(동현) 2021. 3. 7. 22:18

 

💡 Template literal 

자바스크립트를 좀 더 편하게 사용하기 위해 Template literal을 간단하게 사용해보기로 했다. 

var nick_name = 'dongle';
var letter = 'Dear' + nick_name + '\n\n Hello, my name is dongri.';
console.log(letter);

 위의 코드는 아래와 같이 실행될 수 있다. +라던가 \n 등을 사용하지 않고 좀 더 편하게 사용할 수 있게 template literal을 적용해볼 수 있다.



  •  literal이 시작되는 부분에 grave accent( ` ) 를 입력
  • ${선언된 변수} 입력
  • literal이 끝나는 부분에 grave accent( ` ) 를 입력
var letter = `Dear ${nick_name} 

Hello, my name is dongri.`;
console.log(letter);

  위와 같이 좀 더 간결하고 편하게 입력할 수 있다.

728x90
반응형