fetch() 와 Promise (callback & async)

fetch() 함수

비동기로 처리된다.

fetch('URL'); //Promise 함수 형태로 나온다

Promise 함수

1. 대부분 비동기적으로 동작하는 함수다.
2. 2가지의 메소드를 가지고 있다. (then, catch)

then() 메소드 와 catch() 메소드

fetch('URL')
.then(function(response){
	// 성공적으로 받아왔을 경우
	return response.json(); //JSON 형태의 데이터 파일을 script에서 사용 가능한 자료형으로 변형
})
.then(function(data){

})
.catch(function(reason){
	// 실패했을 경우
})

• 성공적으로 데이터를 가져왔을때 JSON 형태이기 때문에 javascript에서 사용 가능한 자료형으로 변형 시켜줘야한다.
• response.json()을 console에 확인을 해보면 Promise 함수로 나타나기 때문에 다시 then과 catch를 사용하여 자료형으로 변형 시켜 사용이 가능하다.