tag가 병렬이 아닌 경우라면?(depth가 있는 경우)

`` 문법을 통해 함수로 전달되는 tags 매개변수는 "${ }"를 기준으로 구분되어 전달되기 때문에

depth를 가지는 형태가 불가능할 것으로 생각됩니다.

처음에 template을 초기화할 때,

let template = fn`<h2><span style='color:blue'>welcome ${v.name}</span> !!</h2>

    <h4>주문가능항목</h4><div>${v.items}</div>`;

와 같이 Bold 부분의 HTML 태그를 "${ }" 앞뒤로 추가해줘도 결국 구분되어 전달됩니다.

tags를 출력해보면,

["<h2><span style='color:blue'>welcome ", "</span> !!</h2>
    <h4>주문가능항목</h4><div>", "</div>"]

와 같이 나타납니다.

또한, 반환되는 값은 결국 document.querySelector("#message").innerHTML에 할당되기 때문에

제대로된 HTML 구조의 문자열만 잘 반환하면 괜찮습니다.

의도하신 질문이 이게 맞을까요??

도움이 되셨길 바랍니다.