fetch API란

fetch API는 위와 같이, 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정이 비동기로 이루어지기 때문에, 경우에 따라 다소 시간이 걸릴 수 있다
이렇게 시간이 소요되는 작업을 요구할 경우에는 blocking이 발생하면 안 되므로, 특정 DOM에 정보가 표시될 때까지 로딩 창을 대신 띄우는 경우도 있다

let url =
  "https://koreanjson.com/posts/1";
fetch(url)
  .then((response) => response.json())
  .then((json) => console.log(json))
  .catch((error) => console.log(error));

데이터를 요청해서 객체 형태로 콘솔이 찍힌다.

CORS

Cross-Origin Resource Sharing의 줄임말로 교차 출처 리소스 공유
즉 다른출처라고도 해석됨

fetch API를 사용하다보면 CORS라는 에러가 찍히는 경우가 있는데
이는 CORS 정책을 위반했기 때문에 발생하는 오류로서
CORS라는 방어막이 존재하기 때문에 리소스가 안전하다는 최소한의 보장을 받을 수 있다