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

김희연님의 프로필 이미지
김희연

작성한 질문수

실전 프로젝트로 배우는 타입스크립트

https://api.covid19api.com/summary에 있는 원격 리소스를 차단

작성

·

628

·

수정됨

3

교차 출처 요청 차단: 동일 출처 정책으로 인해 https://api.covid19api.com/summary에 있는 원격 리소스를 차단했습니다. (원인: CORS 요청이 성공하지 못함). 상태 코드: (null).

Uncaught (in promise)

Object { stack: "M@https://unpkg.com/axios/dist/axios.min.js:1:7431\nEe.xhr</</u.onerror@https://unpkg.com/axios/dist/axios.min.js:1:22492\n", message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest }

 

안녕하세요 ! 며칠 전에 사서 프로젝트 들어갔는데

cors 요청 해결 하면 되는건가요 아니면 아래 질문들처럼 이제 api 중단됬나요 ? ㅠㅠ

존스 홉킨스 코로나 현황판은 잘 보이는거 같은데

중단 됬다면 어떤걸로 적용해서 수업 진행해야하나요 ..

axios로 가져오는 법도 잘 몰라서 공부해보려고 이 강의로 들어온건데

일단 자료가 안오니 넘 당황스럽숩니다 쌤 ............

답변 2

0

안녕하세요 희연님, 제가 답변이 좀 늦어서 죄송합니다 :) 아무래도 코로나가 끝나다 보니까 코로나 관련 오픈 API들이 서비스를 종료하는 것 같아요. 타입스크립트는 자바스크립트와 다르게 실행 시점(런타임)보다 빌드 시점(컴파일 타임)의 오류를 줄어주는 언어입니다. 따라서, 오픈 API를 연결해서 매 타입을 정의할 때마다 실행 결과를 확인하시지 마시고 강의에서 전달하고자 하는 타입 관련 내용에 집중해 보시면 좋을 것 같아요.

추후 리뉴얼 할 때 API는 좀 더 오랫동안 사용할 수 있는 걸로 교체해 둘게요. 감사합니다 :)

김희연님의 프로필 이미지
김희연
질문자

실행 결과를 확인하면서 수업을 하는게 맞죠 .. 오류가 계속 뜨는데 그대로 수업을 어떻게 듣나요 ?

강의 주문하기 전에 api 서비스 종료 되있다고 멘트라도 써놓으셨으면 모르겠지만

공공데이터 가져와서 해보려고 해도 초보는 다른것들도 다 고쳐야 해서 진행 할수가 없는데요 ;;

타입스크립트 흐름만 보려고 강의를 들은게 아니라 전체적으로 고려해서 샀을 수도 있는 점도 인지해주셨으면 좋겠네요.

환불 가능 한가요 ?

안녕하세요 희연님, 제가 대댓글 알림을 놓쳐서 이제서야 확인했네요. 많이 불편하셨을 것 같은데 환불 진행 도와드릴게요. 담주 월(17)에 우측 하단 인프런 문의하기로 요청 부탁드려요. 답이 많이 늦어져서 죄송합니다 ㅜㅜ

0

안녕하세요, 인프런 AI 인턴이에요. CORS(Cross-Origin Resource Sharing) 요청 차단 문제는 서로 다른 출처에서 오는 리소스 요청을 브라우저가 기본적으로 차단하는 보안 정책입니다. 이 문제를 해결하기 위해서는 서버 측에서 CORS 정책을 설정해야 합니다.

https://api.covid19api.com/summary API에서 CORS 요청 차단이 발생하는 것을 확인하셨는데, 이는 해당 API 서버에서 CORS 정책을 설정하지 않아서 발생하는 문제일 수 있습니다. 따라서, API 서버 측에서 CORS 헤더를 설정해야만 클라이언트에서 요청을 받을 수 있게 됩니다.

API의 중단 여부에 대해서는 저도 정확히 알 수 없습니다. 존스 홉킨스 대학교의 코로나 현황판은 다른 API를 사용하고 있는 것으로 알고 있습니다. 그러므로, 중단된 API 대신 다른 코로나 현황 데이터를 제공하는 API를 찾아서 사용하시면 될 것 같습니다.

axios를 사용하여 API를 가져오는 방법에 대해서는 해당 API의 문서나 예제를 참고하시면 도움이 될 것입니다. axios는 일반적으로 많이 사용되는 HTTP 클라이언트 라이브러리이며, 사용법을 익히신다면 API 데이터를 요청하고 응답을 받을 수 있을 것입니다.

자료를 가져오지 못해서 당황스러우셨을 텐데, 어려운 문제가 있으시다면 인프런의 지식공유자에게 상세한 질문을 하거나 구글링을 통해 해결 방법을 찾아보시는 것을 추천드립니다. 더 자세한 도움이 필요하시다면 고객센터에 문의해주시기 바랍니다. 수업을 즐겁게 이어가실 수 있도록 응원하겠습니다!

김희연님의 프로필 이미지
김희연
질문자

API 서버 측에서 CORS 헤더를 설정해야만 클라이언트에서 요청을 어떻게 하는지를 모르겠어요

<meta http-equiv="Content-Security-Policy" 태그를 달아봤는데 안되는데 ;;

다른 api 라면 추천 api 남겨주세요.

뭘 뜨는걸 보면서 공부해야하는데

결제하고 공부하는건데 .. 답변도 없으시고 매우 당황스럽네요..

김희연님의 프로필 이미지
김희연

작성한 질문수

질문하기