Template Literal TIL(5)

나도 아름다운 이미지로 글을 시작하고 싶다. 나중을 위해 괜찮은 이미지가 있다면 차근차근 모아보아야 겠다.

javascript에 Template Literal이란 개념은 ES06에 와서야 추가되었다고 한다.

이것 말고 ES6에 추가된 Javascript 문법이 많다고 알고 있다. 나중에 정리하여 글을 쓰면 면접볼 때 좋을 듯 하당.

Template Literal이란?

쉽게 말해 javascript에 새로 도입된 문자열 표기법 이다.

차이점

• '', "" 대신 ``(백틱?이라 불린다)을 사용하며 안에 ', "을 자유롭게 쓸 수 있다
• 띄어쓰기는 물론 줄바꿈 역시 그대로 적용된다.

const template = `zzz

sdfds

"DSFS"SDF
'sdfsd'
`;
console.log(template);

---------------------------------- result ---------
[Running] node "c:\Users\ilegw\Desktop\testJSCode\tes.js"
zzz

sdfds

"DSFS"SDF
'sdfsd'


[Done] exited with code=0 in 0.089 seconds

• 문자열 인터폴레이션${...}을 이용해 안의 표현식을 문자열내에 직접적으로 넣을 수 있다.

let name = "jongho"
const template = 
`My name is ${name}
My age is ${10 + 17}`;
console.log(template);

---- result ----
[Running] node "c:\Users\ilegw\Desktop\testJSCode\tes.js"

My name is jongho
My age is 27

정리

• javascript에서 문자열을 더 편리하게 사용할 수 있도록 추가된 새로운 형식의 문자열이다.