질문 드립니당

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

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

해결된 질문

작성

226

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

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

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

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

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

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

이 맞나요???

react 머신러닝 배워볼래요? HTML/CSS nodejs tensorflow express javascript react-native

답변 2

그랩

지식공유자

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

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

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

감사합니다.

Terry

질문자

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

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

질문 드립니당