Template Literals

Template Literals๋Š” ๋‹ค๋ฅธ ์–ธ์–ด์—๋„ ์กด์žฌํ•˜์—ฌ ์ต์ˆ™ํ•  ๋ฌธ์ž์—ด ํฌ๋งทํŒ… ๋ฌธ๋ฒ•์ด๋‹ค. ์˜ˆ๋ฅผ ๋“ค๋ฉด, printf("%s") ๋‚˜ print("{} and {}") ๊ณผ ๊ฐ™๋‹ค.

๊ทธ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

let datatime = (new Date()).toDateString();
console.log(`<div class="date">${datetime}</div>`);

๋ฌธ์ œ๋Š” ๋งˆ์Œ๊ป ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ๋ฌธ๋ฒ•์ด๋ผ๋Š” ์ ์ด๋‹ค.

ES6 ํ˜ธํ™˜์„ฑ ํ‘œ๋ฅผ ๋ณด๋ฉด Internet Explorer 11 ๋ฒ„์ „์—์„œ์กฐ์ฐจ ์ด๊ฒƒ์„ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค.

babel ํŠธ๋žœ์Šค์ปดํŒŒ์ผ๋Ÿฌ์—์„œ๋Š” ์ด๊ฒƒ์„ ๋ณ€ํ™˜ํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ @babel/plugin-transform-template-literals์„ ์ง€์›ํ•œ๋‹ค.

Last updated