동기,비동기 기본 개념

웹의 기본은 동기 통신이다.

URL 서버요청 => 응답 대기

a 링크 클릭 서버요청 => 응답 대기

 

동기(synchronous) : 결과를 기다리는 것(Blocking) ==> 요청을 보내고 응답을 기다리는 동안 대기한다.
비동기(asynchronous) : 결과를 기다리지 않는 것(Non-Blocking) ==> 요청을 보내고 응답을 기다리는 동안 다음 할일을 수행(ex. Ajax)

setTimeout(function(){

                    console.log("1. setTimeout 실행")

                }, 3000)

console.log("2. console log")

2. console log
1. setTimeout 실행 
순으로 수행된다. 

아래 그림이 너무나 이해가 잘되어 캡처했다. goguard 블로그님 뉘신 지는 모르겠으나 너무나 감사드립니다.