인프런 커뮤니티 질문&답변

kyle.lee

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

[그랩마켓] axios로 네트워크 통신하기

에러 관련문의드립니다.

작성

164

강의듣고 이해하고 따라하려고 노력하는데

매번 에러가 뜨네요 ㅠㅠ

에러구문과 코딩같이 올립니다.

(가능하시면 직접짜신 코드문도 올려주시면 많은 도움이 될거같습니다.)

항상 빠른답변 감사드립니다.

그리고 그랩님 새해복많이 받으세요.

practice.html:62 error발생 : TypeError: Cannot read property 'length' of undefined

at practice.html:32

<script>
axios
.get(
"https://7d65864e-fe76-44b5-90fb-9f56374fcc02.mock.pstmn.io/products"
)
.then(function (result) {
 console.log("통신결과 : ", result);
 const products = result.data.products;
 let productsHtml = "";
 for (var i = 0; i < products.length; i++) {
 let product = products[i];
 productsHtml =
 productsHtml +
 '<div class="product-card">' +
 "<div>" +
 '<img class="product-img" src="' +
 product.imageUrl +
 '" />' +
 "</div>" +
 '<div class="product-contents">' +
 '<span class="product-name">' +
 product.name +
 "</span>" +
 '<span class="product-price">' +
 product.price +
 "원" +
 "</span>" +
 '<div class="product-seller">' +
 '<img class="product-avatar" src="images/icons/avatar.png" />' +
 "<span>" +
 product.seller +
 "</span>" +
 "</div>" +
 "</div>" +
 "</div>";
 }
 document.querySelector("#product-list").innerHTML = productsHtml;
 })
.catch(function (error) {
 console.error("error발생 : ", error);
 });