ajax2 : 상품더보기 버튼 강의중에

[딩코]

const products = [
    { id : 0, price : 70000, title : 'Blossom Dress' },
    { id : 1, price : 50000, title : 'Springfield Shirt' },
    { id : 2, price : 60000, title : 'Black Monastery' }
];

products.forEach((a, i) => {
    const 템플릿 =
    `<div class="col-sm-4">
    <img src="https://via.placeholder.com/600" class="w-100">
    <h5>${products[i].title}</h5>
    <p>가격 : ${products[i].price}</p>
    </div>`;
    document.querySelector('.row').innerHTML = 템플릿;
});

 

 

안녕하세요 이부분이 작동을 안해서 질문드립니다ㅠㅠ

console.log(products[i].title); 이렇게만 찍으면 title이 정상적으로 찍히는데

왜 템플릿 소스를 넣고나면 작동이 안되는지 아무리 찾아봐도 모르겠습니다..

[codingapple]

.innerHTML = 어쩌구는 내부 html을 갈아치워주라는 소리라 그렇습니다 

그럼 반복문 3번 돌려도 결국 마지막 하나만 보일듯요 

[글쓴이]

글