tag가 병렬이 아닌 경우라면?(depth가 있는 경우)
292
投稿した質問数 22
강의에서 들어주신 예시는 각 tags가 병렬인데요. 그렇지 않고 만약 depth가 있는 형태라면 function의 return을 어떤 식으로 해야되나요?
回答 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
345
0
로또 구현
0
288
0
선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ
0
258
0
Cannot get 은 무엇이 문제인걸까요?
0
575
0
작업했습니다.
2
239
0
타입 관련 궁금한 점이 있습니다.
1
256
1
Set 사용 안 한 풀이법
0
231
1
로또
0
253
0
이거 링크 없는거 맞죠?
0
196
0
export default 해도
0
206
0
로또 번호 생성 풀이는 없나요??
2
213
0
예제 오류 입니다.
0
194
0
로또 번호 생성기 소스코드
0
341
0
강의에서 사용하시는 툴이 궁금해요
0
266
1
풀이가 없어서
1
251
0
this 바인딩 질문드립니다~
0
242
1
bundle.js 내용이 index.js와 동일합니다
0
738
4
로또 번호 생성기 풀이
0
269
0
전 html 파일을 만들어서 해결해봤습니다.
0
219
0
newArr에 map으로 묶은 fucntion 인자들은 어디서 받아오는 값인가요?
0
202
0
제 답변 올립니다.
0
234
1
ws.has(arr) 문의 입니다.
4
228
2
로또번호 생성기 풀이
0
158
0
왜 이건 유튜브로 나와요?
0
195
0