inflearn logo
강의

Course

Instructor

Learn TypeScript Through Real-World Projects

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

788

lightram238017

1 asked

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로 가져오는 법도 잘 몰라서 공부해보려고 이 강의로 들어온건데

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

typescript es6

Answer 2

0

captain

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

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

4

lightram238017

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

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

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

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

환불 가능 한가요 ?

0

captain

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

0

communityai8509

안녕하세요, 인프런 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 데이터를 요청하고 응답을 받을 수 있을 것입니다.

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

3

lightram238017

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

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

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

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

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

-

0

139

1

[오류문의] import 에러

0

273

1

api가 중단된 건에 대하여..

1

381

2

프로젝트 완성본 github에 어디있나요?

1

350

2

d.ts 컴파일 시 에러 질문 드립니다.

1

622

2

chartjs 타입시.. 직접 declare module chart.js로 하게 되면 내부의 구조를 모를 것 같은데요

1

598

2

COVID19 API 미작동(404) 질문

1

829

2

innerText부분 오류 문의.

1

684

2

Total Recovered가 화면에 0으로 나옵니다.

1

406

1

강의 내용 질문입니다.

2

445

1

요즘 바벨 사용 여부가 궁금합니다.

1

501

1

프로젝트 내 특정 파일만 Typing

1

573

1

소스질문

1

605

1

추후 강의에 관한 질문

2

404

1

rootdir, include 차이가 궁금합니다

1

678

1

Uncaught ReferenceError: exports is not defined 에러 해결

1

1834

1

function $(selector) 관련 질문 드립니다.

1

313

1

Uncaught ReferenceError: exports is not defined

1

471

1

웹팩 에러 문의

1

852

2

innerHTML optional 체이닝

2

1924

1

화살표 함수 문법 소개 글 링크가 잘못되어 있습니다.

1

238

1

실전 적용 관련 질문 입니다.

1

305

1

모듈 알리아스(as) 질문 드립니다.

1

383

1

프리티어 안되시는 분들

1

393

1