Ajax 2 강의 질문

[김희민]

수업시간에서는 상품창 만드는 것을 제이쿼리로 하셨는데, 전 쌩자바스크립트로 작성해봤는데 아래와 같이 오류가 납니다.
백틱 안에 코드를 넣었는데, 상품창이 아니라 코드 친거 그대로 나옵니다.


--------------------------------------

<script>
const row = document.querySelector(".row");
let 템플릿 = `<div class="col-sm-4">
 < img src="https://via.placeholder.com/600" class="w-100" />
 <h5>Card title</h5>
 <p>가격 : 70000</p>
 </div>`;
row.append(템플릿);
</script>

그래서 row.append(템플릿); 이 부분을 제이쿼리로 바꿔서 $('.row).append(템플릿)이라고 작성하니 정상적으로 상품창이 생겼습니다. 왜 제이쿼리로는 되고 
쌩 자바스크립트로는 안되는건가요??

[codingapple]

append말고 insertAdjacentHTML같은거 씁시다

[글쓴이]

글