API 호출 & fetch

API(Application programming interface) 란 ?

• 응용프램에서 사용할수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻함, 주로 파일제어, 창제어, 화상 처리, 문자 제어등을 위한 인터페이스를 제공

호출방식

• fetch : javascript 에서 api 호출할수 있도록 제공하는 내장함수

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

//결과값 : 

![](https://velog.velcdn.com/images/showil20/post/ccccc207-f151-4e75-a8c8-3a252f3465d1/image.png)

위와 같이 호출을 하게 되면 예를 들어 편지를 보낼경우 상대방 답장에 대한 편지내용을 보는게 아닌 편지지를 보는것이다.

async function getData () {
    let rawResponse = await fetch('https://jsonplaceholder.typicode.com/posts');
    let jsonReponse = await rawResponse.json();

    console.log(jsonReponse);
}

getData();

//결과값 : 배열에 객체가 담겨서 넘어옴