34강 <태그 추가> 질문입니다.
164
작성한 질문수 5
안녕하세용..!
저는 이 실습 문제를,
const productsData = [ { title: "감자칩", weight: 300 }, { title: "칙촉", weight: 100 }, { title: "고구마칩", weight: 300 }, { title: "오잉", weight: 50 }, ]; const app = document.querySelector("#app"); productsData.forEach(e => { app.innerHTML += `<div class=item> 상품명 : ${productsData.title}, 무게 : ${productsData.weight}</div>` });
이렇게 풀었는데, 혹시 왜 안되는지 알 수 있을까요?
foreach문은 돌지만, title과 weight 값이 undefined 로 찍힙니다..
답변 1
1
안녕하세요.
현재 undefined로 출력 되는 이유는 말 그대로 정의되있지 않은 것을 호출해서 발생한 문제인데요,
forEach문 콜백함수의 매개변수 e는 productsData 내부에 요소를 반복하여 하나씩 할당합니다.
따라서 productsData가 아닌 e로 표기를 해주시면 되겠습니다.
productsData.forEach(e => {
app.innerHTML += `<div class=item> 상품명 : ${productsData.title}, 무게 : ${productsData.weight}</div>`
});변경 후
productsData.forEach(e => {
app.innerHTML += `<div class=item> 상품명 : ${e.title}, 무게 : ${e.weight}</div>`;
});
감사합니다.
live server가 안 떠요..
0
99
1
카카오맵 API 가 안뜹니다...
0
760
2
카카오맵API 지도 관련
0
184
1
Putty에서 nginx를 vi로 수정할때 오류
0
305
3
mysql과 선생님의 깃허브 코드연결
0
198
1
nodemon 실행오류
0
244
2
Azure 서버로 구축하고 작업하는 방법 알 수 있을까요?
0
281
2
css 적용 중 강의대로 적용되지 않아 질문 드립니다
0
362
2
강의를 잘 활용하는 법 추천 부탁드립니다.
0
293
1
MysqlWorkbench 접속문제
0
313
1
전체 핀이 조회되지 않습니다.
0
270
1
빅데이터 처리관련
1
291
1
섹션5의 2번째 강의 질문-setMap 비동기 처리 이유
0
245
1
PM2 EADDRINUSE 에러
0
416
2
인스턴스 중단 후 재시작
0
292
1
이미지 부분에 cctv 영상을 넣고 싶은데요.
0
596
2
노션 링크가 어디있나요 ?
1
318
1
axios 이후 마커 오류
0
295
0
service nginx restart 에러
0
722
1
섹션10 배포하기 unbuntu에서 root경로가 안뜹니다ㅠㅠ
0
519
3
선생님 추가적으로 새로운 페이지를 만드려고 하는데요...
0
252
1
코드 질문 드립니다!
0
237
1
혹시 강의자료 노션 내리셨나요?
0
244
1
노드몬 에러 참조하세요
0
364
1