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

Terry님의 프로필 이미지

작성한 질문수

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

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

질문 드립니당

해결된 질문

21.02.05 20:00 작성

·

224

1

제가 이해한 것이 맞는지 확인 부탁드립니다!!

1. axios.get으로 서버에 접근

2. .then 실행해서 통신 결과 출력하고

서버에서 불러온 products 객체를 const products에 넣음

3. for문 들어가서 products에 있는 객체를 하나씩 productsHtml에 넣음

4.innerHTML로 productsHtml을 Html에 넣어서 브라우저에 보여줌

이 맞나요???

답변 2

1

그랩님의 프로필 이미지
그랩
지식공유자

2021. 02. 06. 00:14

안녕하세요 Terry님. 좋은 질문들 남겨주셔서 감사합니다!

말씀하신 순서대로 1~2번 과정에서 네트워크 통신을 통해서 데이터를 받아옵니다.
그리고 3번에서 products 변수에 담긴 객체를 이용해서 productsHtml에 string 형태로 데이터를 담아둡니다.
마지막으로 querySelector를 통해 HTML의 요소(태그)를 선택한 후 innerHTML이라는 속성을 사용해서 해당 태그의 내부에 productsHtml을 넣습니다.

헷갈리시는 부분이 있다면 또 댓글 남겨주세요 👍🏼

감사합니다.

0

Terry님의 프로필 이미지
Terry
질문자

2021. 02. 06. 08:35

친절한 설명 감사합니다. 또한 빠른 답변도 감사드립니다. 매번 강의를 듣고 질문을 드리면 바로 답해주셔서 너무 좋아요.

Terry님의 프로필 이미지

작성한 질문수

질문하기