웹개발기능대회 질문

[김은희]

정답 스윽 봤는데 그냥 제가 하던 코딩으로 해보려고 

질문드려용 

 

HTML은 일케 쓰고 

<div class="d-flex justify-content-between json">

 

</div>

 

스크립트파일에는 

 

$.ajax({
url: 'store.json',
type: 'GET'

}).done(function (data) {

console.log(data)
for(let i = 0 ; i<data.length; i++){

let temp = `<div class="col-2 border border-secondary rounded p-0 mx-2" data-index="${index}">
<img src= "${data.photo}" class="proimg">
<h5 class="m-4">${data.product_name}</h5>
<h6 class="m-4">${data.brand_name}</h6>
<div>
<p>${data.price}</p>
</div>
</div>`

$('.json').append(temp);
}
});

 

 

 

이렇게해서 상자가 늘어나게 해보려고했는데 

콘솔로그에 data는 뜨는데 

html에 다른 변화나 오류도 안뜨는데 아무런 변화가 없어요 

코딩이 안먹어요 ㅠㅜㅠ 

제가 어디서 오류를 범하고있는지 모르겠어여 흐그극그

[codingapple]

data 출력해보면 무엇이나옵니까 array 면 [0] 이렇게 꺼내써야하고 object면 점찍어서 써야합니다 

[김은희]

Object
products: Array(4)
0: {id: 0, product_name: '식기세척기', brand_name: '세척나라', photo: 'pr1.jpg', price: 100000}
1: {id: 1, product_name: '원목 침대 프레임', brand_name: '침대나라', photo: 'pr2.jpg', price: 200000}
2: {id: 2, product_name: '천연 디퓨저 세트', brand_name: '향기나라', photo: 'pr3.jpg', price: 300000}
3: {id: 3, product_name: '시원한 서큘레이터', brand_name: '바람나라', photo: 'pr4.jpg', price: 400000}
length: 4
[[Prototype]]: Array(0)
[[Prototype]]: Object

 

 

개발자도구에서 data는 저렇게 나와요!!!

[글쓴이]

글