template

역시 한국어 번역은 없습니다.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

template에서는 억음부호 (`)가 중요한 역할을 합니다. 키보드에서 Esc 키 아래에서 찾을 수 있습니다. 영어로는 backtick이라고 합니다.

{
  let a = [1, 2, 3];
  let b = {
    a: 1,
    b: 3
  };
  let c = `000${a}
111${b.a+b.b}
222`;

  console.log(c);
}

일단 줄바꿈 기호를 따로 처리하지 않아도 줄바꿈을 지원합니다. <pre> 태그랑 비슷하다고 보면 될 듯.

위의 코드에서 보면 줄바꿈 기호를 따로 처리하지 않고 있습니다. 그리고 문자열끼리 합치거나 연산된 결과를 합치는 것도 이전보다 훨씬 깔끔(?)해졌죠.

{
  let a = `${[1,2,3]}`;
  console.log(a); // 1,2,3
  let b = `${{b:3}}`;
  console.log(b); // [object Object]
  let c = `${()=>3}`;
  console.log(c); // ()=>3
  let d = `${(()=>3)()}`;
  console.log(d); // 3
}

수업은 정규표현식으로 넘어갔는데...일단 거기는 보지 않으려고요. 넘 코드가 복잡해.