API & fetch

API(Application Programming Interface)

응용 프로그램 프로그래밍 인터페이스

 

응용프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.

주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다.

 

 

 

 

 

 

아래와 같이 불러오게 되면 객체 형식으로 편지지 봉투를 불러오게 된다.

let response = fetch("https://jsonplaceholder.typicode.com/posts").then((res) =>
  console.log(res)
);

// fetch에서 불러와서 API를 res에 담아서 res를 반환함
// 처음 결과를 추출하면 편지지가 있다면 편지봉투를 받은것이다.

// fetch = 내장함수 -> 자바스크립트에서 api호출 할 수 있도록 도와주는 함수

fetch

내장함수이며, 자바스크립트에서 API를 호출 할 수 있게 도와주는 함수

 

API 호출

async function getData() {
  let rawResponse = await fetch("https://jsonplaceholder.typicode.com/posts");
  let jsonResponse = await rawResponse.json();
  console.log(jsonResponse); // 101) [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, …]
}

getData();

위와 같이 작성하게 되면 API의 데이터들을 배열로 담겨져 와서 호출 할 수 있다.