Template 처리

UI 개발에서 필요한 작업!

  1. json으로 응답을 받고,
  2. js object로 변환한 후에
  3. 데이터 처리를 위한 조작을 하고
  4. dom 에 추가! (이게 젤 까다로움: 데이터+html 문자열의 결합이 필요하므로)
  const date = [
    {
      name: 'coffee-bean',
      order: true,
      item: ['americano', 'late'];
    },
    {
      name: 'starbucks',
      order: false,
    }
  ]
  const template = `<div> welcome ${data[0].name} !`;
  console.log(template);

결과: “<div> welcome coffee-bean !” 출력

Tagged Template literals