๐Ÿ“”
Today Joonas Learned
  • Home
  • About Me
  • Chrome Extension
    • CSS injection
  • Design Pattern
    • SOLID ์›์น™
      • 1. SRP
      • 2. OCP
      • 3. LSP
      • 4. ISP
      • 5. DIP
    • ์ƒ์„ฑ ํŒจํ„ด
      • Singleton Pattern
      • Abstract Factory Pattern
      • Factory Method Pattern
    • ๊ตฌ์กฐ ํŒจํ„ด
      • Adapter Pattern
      • Bridge Pattern
      • Composite Pattern
      • Decorator Pattern
      • Facade Pattern
      • Proxy Pattern
    • ํ–‰์œ„ ํŒจํ„ด
      • Command Pattern
      • Observer Pattern
      • State Pattern
      • Strategy Pattern
      • Template Method Pattern
  • Graphics
    • OpenGL ES
      • ํŒŒ์ดํ”„๋ผ์ธ
      • ์‚ผ๊ฐํ˜• ๊ทธ๋ฆฌ๊ธฐ
      • ์‚ผ๊ฐํ˜• ์›€์ง์ด๊ธฐ
      • ๋‹ค๊ฐํ˜• ๊ทธ๋ฆฌ๊ธฐ
      • ์ •์‚ฌ๋ฉด์ฒด ๊ทธ๋ฆฌ๊ธฐ
      • [WIP] ๋งˆ์ธํฌ๋ž˜ํ”„ํŠธ ๋ธ”๋Ÿญ ๋งŒ๋“ค๊ธฐ
      • [WIP] Lighting, Normal Mapping
  • Internet
    • iOS/Safari
  • Javascript
    • async, defer ์†์„ฑ
    • ๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜ (Rest parameter)
    • ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ํ‘œํ˜„ (arrow function expression)
    • Template Literals
    • TDZ (Temporal Dead Zone)
    • Spread syntax (...)
  • Network
    • OSI 7 ๊ณ„์ธต ๋ชจ๋ธ
  • Uncategorized
    • 2021/12/07
    • 2020/09/03
    • 2020/09/04
    • 2020/08/22
  • git/VCS
    • Merge ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ˆ˜์ •
Powered by GitBook
On this page

Was this helpful?

  1. Javascript

Template Literals

Previousํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ํ‘œํ˜„ (arrow function expression)NextTDZ (Temporal Dead Zone)

Last updated 4 years ago

Was this helpful?

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

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

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

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

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

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

Template Literals
ES6 ํ˜ธํ™˜์„ฑ ํ‘œ
@babel/plugin-transform-template-literals