인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

박현님의 프로필 이미지

작성한 질문수

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

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

포스트맨 질문

작성

·

47

0

[그랩마켓] axios로 네트워크 통신하기 편 수강 중 질문이 생겼습니다.

  1. 강의 중 31초에 보면 Body 부분이 HTML로 되어있는데 그 전까지는 JSON으로 하라고 했다가 갑자기 언급 없이 변경이 돼있어서 HTML로 해야되는지 JSON으로 해야되는지 헷갈립니다.

  2. 강의 중 4분 10초와 같이 통신 결과, status:200, 화면도 잘 뜹니다. 그런데 data에 화살표가 생기고 누르면 그 아래 products 객체 아래 배열대로 화살표가 생기고 하는데 저는 그냥 data에 값들이 쭉 나열만 되어있습니다. 이 부분을 강의에서처럼 바꾸고 싶습니다.

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 박현님 반갑습니다!

우선 강의 관련 질문을 잘 정리해 주셔서 감사합니다. 질문에 대해 차근차근 설명드릴게요.

  1. Body 부분 설정:

    • Postman에서 요청을 보낼 때, Body의 형식을 선택하는 것이 중요합니다. 일반적으로 API 요청에서는 JSON 형식을 많이 사용합니다. 특정 API 요청에서 HTML 형식이 필요한 경우는 드물기 때문에, JSON을 사용하시는 것이 맞습니다. 강의 내용 중 설명이 부족하여 혼란을 드렸다면 죄송합니다. JSON으로 요청하는 것이 일반적입니다.
  2. 데이터 포맷 문제:

    • Axios로 데이터를 받아올 때, 강의에서 data 프로퍼티 아래에 구조화된 객체가 있는 모습을 보셨을 것입니다. Postman에서 데이터를 잘못 설정하셨거나, 서버 응답 형식에 문제가 있는 경우 이런 차이가 발생할 수 있습니다. 그리고, Postman의 설정에 따라 데이터가 다르게 보일 수도 있지만, 일반적으로 Axios에서 데이터를 console로 출력할 때는 result.data.products 형식으로 접근하시면 됩니다.

이러한 문제와 관련하여 Postman 설정이나 백엔드 응답을 다시 한 번 확인해 보시고, 데이터 구조를 다시 조정해 보시면 좋을 것 같습니다.

관련하여 참고하실 수 있는 질문들이 있습니다:
- exios 오류질문
- postman 관련 질문
- length error 가 뜨네요

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

박현님의 프로필 이미지

작성한 질문수

질문하기