동기호출 VS 비동기호출

📍 동기호출

요청에 대한 결과가 동시에 일어난다.

📍 비동기호출

요청에 대한 결과가 동시에 일어나지 않고 요청을 한번데 다받고 이벤트가 준비 되었을 때 응답을 나중에 이루어짐

---

예를 들면

전화는 하던일을 멈추고 받아야함 (bloking)

요청에 대한 결과를 동시에 반응 한다. (synchronous)

동기를 뜻한다.

반면, 문자는 확인후 나중에 답장을 해도된다. 비동기이다.

📌 동기 호출
순차적으로 함수를 실행합니다.

📌 비동기 호출
setTimeout 함수를 이용하여 callback 함수는 나중에 실행한다.

📌 비동기 함수 전달 패턴
1. callback 패턴

let request = 'caffelatte';
orderCoffeeAsync(request, function(response) {
	//->	주문한 커피 결과 
    drink(response);
}

2. 이벤트 등록 패턴

let request = 'caffelatte';
orderCoffeeAsync(request).onready = function (response) {
    //response ->주문한 커피 결과 
    drink (response);
}