[Web/JS] 자바스크립트 API 호출

✏️  json

• json은 파일의 확장자로, 객체를 텍스트화 시킨 타입이라고 생각 할 수 있다
• 객체 형태랑 비슷하게 읽어오기 때문에(사용법도 객체랑 비슷) 서버통신에서 많이 사용

✏️  async  / await

• 동기적인 자바스크립트를 비동기적으로 처리하기 위해 사용
• fetch는 promise를 리턴하고 우리는 이 promise안에서 api호출이 이루어진 데이터를 받은 다음 promise가 성공적으로 resolve 함수를 호출하기를 기다린다. 이것을 하게 해주는 것이 await함수이고, await은 promise가 resolve 또는 reject를 호출할 때까지 기다린다.
• await함수가 없다면 그냥 날것 그대로의 promise가 리턴
• await과 async는 세트이므로 같이 사용하기
• async함수를 선언하면 그 함수는 자동으로 promise를 반환

✏️  resolve / reject

• resolve는 결과가 문제없이 성공적으로 수행될 때 호출되는 함수
• resolve가 호출이 되면 죽음의 콜백대신 .then이나 async/await를 이용하여 다른 일을 할 수 있게 된다
• reject는 중간에 에러가 나면 에러를 처리할 수 있는 함수