tag가 병렬이 아닌 경우라면?(depth가 있는 경우)
293
22 asked
강의에서 들어주신 예시는 각 tags가 병렬인데요. 그렇지 않고 만약 depth가 있는 형태라면 function의 return을 어떤 식으로 해야되나요?
Answer 1
1
`` 문법을 통해 함수로 전달되는 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 구조의 문자열만 잘 반환하면 괜찮습니다.
의도하신 질문이 이게 맞을까요??
도움이 되셨길 바랍니다.
2022년 기준 웹팩 설정하실 때
0
349
0
로또 구현
0
291
0
선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
0
260
0
Cannot get 은 무엇이 문제인걸까요?
0
578
0
작업했습니다.
2
242
0
타입 관련 궁금한 점이 있습니다.
1
258
1
Set 사용 안 한 풀이법
0
236
1
로또
0
255
0
이거 링크 없는거 맞죠?
0
198
0
export default 해도
0
208
0
로또 번호 생성 풀이는 없나요??
2
216
0
예제 오류 입니다.
0
196
0
로또 번호 생성기 소스코드
0
343
0
강의에서 사용하시는 툴이 궁금해요
0
268
1
풀이가 없어서
1
253
0
this 바인딩 질문드립니다~
0
246
1
bundle.js 내용이 index.js와 동일합니다
0
740
4
로또 번호 생성기 풀이
0
271
0
전 html 파일을 만들어서 해결해봤습니다.
0
223
0
newArr에 map으로 묶은 fucntion 인자들은 어디서 받아오는 값인가요?
0
205
0
제 답변 올립니다.
0
236
1
ws.has(arr) 문의 입니다.
4
230
2
로또번호 생성기 풀이
0
160
0
왜 이건 유튜브로 나와요?
0
198
0