동기와 비동기

동기(synchronous)

동기는 요청과 결과가 동시에 일어나는것을 뜻합니다. 요청을 하여 결과를 얻는데 얼만큼의 시간이 걸리던 그 자리에서 결과가 나와야 합니다. 순서에 맞춰 진행되어 간단하며 직관적인 장점이 있지만 , 여러가지 요청을 동시에 처리할 수 없고 결과가 주어질 때까지 대기를 해야합니다.

동기 방식의 예시

console.log("1번");
console.log("2번");
console.log("3번");

위와 같은 코드를 작성하고 실행하게 되면 순차적으로 결과가 나타납니다.

'1번'
'2번'
'3번'

이처럼 동기방식은 순차적으로 진행되는 방식이며 요청과 결과는 같이오는것이라고 볼 수 있습니다.

비동기(Asynchronous)

비동기는 요청과 결과가 동시에 일어나지 않는것을 뜻합니다. 요청과 결과는 다른 시간에 이루어지며 결과가 나올 때 까지 다른 작업을 처리할 수 있습니다. 동기보다는 복잡하지만 결과가 주어지는데 시간이 걸리더라도 다른 작업을 할 수 있기에 자원을 효율적으로 사용 할 수 있습니다.

비동기 방식의 예시

console.log("1번");
setTimeout(function(){
  console.log("2번");
},100)
console.log("3번");

위와 같은 코드로 작성 할 시 setTimeout이라는 비동기 처리 함수를 사용하여 처리 순서가 변경됩니다.

'1번'
'3번'
'2번'

이처럼 비동기 방식은 요청과 결과는 동기적 코드가 전부 실행 된 후 값을 반환합니다.

---

출처: goguard