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

김광진님의 프로필 이미지
김광진

작성한 질문수

입문자를 위한 자바스크립트 기초 강의

XMLHttpRequest 실습

사진이 나타나지 않아요

해결된 질문

작성

·

31

0

XMLHTTPRequest실습 수업을 듣고 따라는데 사진이 나타나지 않아요ㅜ 다른 이유가 있을까요? js작성한 코드는 아래 사진이 다 입니다.

image.png

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다.

김광진님의 질문과 매우 유사한 상황을 다룬 질문&답변이 있습니다. 이는 XMLHttpRequest를 사용하여 외부 API에서 이미지를 불러오는 과정에서 발생하는 문제와 관련되어 있으며, 특히 사진이 나타나지 않는 상황을 해결하는 데 도움이 될 것입니다.

질문자님이 공유하신 코드 스니펫을 살펴보면, 이미지를 불러오기 위한 API 요청 과정이 포함되어 있습니다. 고양이 이미지를 가져오기 위한 API인 ‘https://api.thecatapi.com/v1/images/search’ 를 사용하고 있는 것으로 보입니다. 해당 API 요청 결과를 바탕으로 사진을 표시하는 과정에서 문제가 발생한 것으로 추정됩니다.

유사한 상황에 대한 답변을 찾았습니다:

  • “고양이 api 안되서 알려주신 강아지 api 검색했는데요” - 이 질문에서도 고양이 API 호출에 관한 문제가 있었고, 지식공유자님의 답변에 따르면 API 호출 자체는 성공하였으며, 요청 URL을 적절히 설정하여 실습을 진행할 수 있음을 설명하고 있습니다. 본인의 경우도 이 답변에서 제공된 안내를 바탕으로 문제 해결에 접근해볼 수 있을 것으로 보입니다.

질문 내용과 API 호출 과정이 매우 유사하기 때문에, 이 답변이 김광진님의 상황에서 사진이 나타나지 않는 문제를 해결하는 데 도움이 되기를 바랍니다. 특히, 응답으로 받은 데이터를 올바르게 처리하여 이미지가 정상적으로 표시되게 하는 방법에 주의를 기울여야 합니다. 읽어온 JSON 데이터에서 이미지의 URL을 올바르게 추출하고, 해당 URL을 HTML 요소의 적절한 속성에 할당하는 과정이 중요합니다.

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

김광진님의 프로필 이미지
김광진

작성한 질문수

질문하기