Fetch

fetch("여기에 URL을 입력")
// 이 URL로 웹 통신을 요청한다. 괄호 안에 다른 것이 없다면 GET!
	.then(res => res.json()) 
// 통신 요청을 받은 데이터는 res라는 이름으로 JSON화 한다
	.then(data => { 
		console.log(data) // 개발자 도구에 찍어보기
	}) // JSON 형태로 바뀐 데이터를 data라는 이름으로 붙여 사용한다

😐 `fetch("여기에 URL을 입력")` ← 이 URL로 웹 통신 요청을 보낼 거야!

• ← 이 괄호 안에 URL밖에 들어있지 않다면 기본상태인 GET!
• .then() ← 통신 요청을 받은 다음 이렇게 할 거야!
• res ⇒ res.json()
  • ← 통신 요청을 받은 데이터는 res 라는 이름을 붙일 거야(변경 가능)
  • ← res는 JSON 형태로 바꿔서 조작할 수 있게 할 거야!
• .then(data ⇒ {}) ←JSON 형태로 바뀐 데이터를 data 라는 이름으로 붙일 거야

fetch() 함수는 첫번째 인자로 URL, 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환한다. 반환된 객체는 API 호출이 성공했을 경우에는 응답(response) 객체를 resolve하고, 실패했을 경우에는 예외(error) 객체를 reject한다.