[비동기 처리 방식] - Promise

💡 fetch란 ?

• Promise 객체를 리턴한다
• fetch()는 console.log()보다 훨씬 오래 걸리기 때문에 printEmployees() 호출 아래 더 많은 console.log()문이 있었어도 그 출력문들이 모두 실행되고 나서 function() 안으로 돌아갑니다.

💡 Promise 란 ?

• 비동기 작업이 완료되면 값을 알려주는 객체
• 작업이 완료되면 값을 알려줄 것을 '약속'함
• fetch는 오래 걸리는 작업이기 때문에 결과값을 바로 돌려줄 수는 없으니까, 일단 Promise를 돌려주고 나중에 작업이 완료되면 결과값을 Promise에 채워 넣어줌

 

---

 

Promise가 나오기 전 콜백 기반

getEmployees((response) => {
	json((response, (data)) => {
    	console.log(data);
    });
});

Promise 기반

const response = await fetch('...');
const data = await response.json();
console.log(data);