안녕하세요 for 문 코드부분 질문드립니다.

Question

안녕하세요.

이번 강의에서 for 문 관련 질문을 드리고 싶습니다.

선생님께서는 let product = products[i];로 먼저 선언하셨는데, 이 선언없이 직접적으로 데이터를 가져올수없을까요?

예를 들어, product[i].imageUrl로 바로 데이터를 가지고 올수 없더라고요. 혹시 가능한 방법이 있을까요?

그리고 document.querySelector("#product-list").innerHTML = productsHtml;

이 코드가 가장 마지막으로 쓰여진 이유가 무엇인가요? 이 객체가 함수처럼 화면에 구현하는 역할을 하는 건가요?

감사합니다!

Answer

좋은 질문 감사합니다~!

첫번째 질문은 사용의 변의성을 위해 product라는 변수를 새로 선언했다고 보시면 됩니다. 말씀하신 것처럼 products[i].imageUrl로 접근해도 동일한 결과가 나옵니다. 결국 변수를 어떻게 두고 값에 접근하냐의 차이인 것일 뿐인거죠~!

두번째 질문은, 만약 productsHtml에 값이 제대로 들어가있지 않다면 해당 코드는 동작하지 않을 거에요. 따라서 productsHtml에 값을 전부 넣은 후 마지막에 해당 코드를 넣으셨다고 보시면 됩니다!