[WORD] 동기와 비동기

👀 동기와 비동기

자바스크립트의 중요한 개념인 동기와 비동기에 대해 알아본다.

✔ 동기 방식 (Synchronous)

요청과 결과가 한 자리에서 주어지는 방식. 쉽게 이야기하면 요청에 들어온 순서에 따라 데이터를 처리하는 방식이고, 직렬적으로 이루어진다.

console.log('1');
console.log('2');
console.log('3');
//123

1. 장점: 설계가 간단하고 직관적
2. 단점: 요청에 따른 결과가 반환되기 전까지 대기해야 하므로 효율적이지 못할 수 있음

✔ 비동기 방식 (Asynchronous)

하나의 요청에 따른 응답을 즉시 처리하지 않아도 되며, 다른 활동을 수행할 수 있는 방식. 병렬적으로 요청과 응답이 실행되는 방식이며, 실행 순서가 확실하지 않다.

console.log('1');
setTimeout(function() {
  console.log('2');
}, 0);
console.log('3');
//132

1. 장점: 요청에 따른 결과가 반환되는 시간동안 다른 작업을 병렬적으로 실행 가능
2. 단점: 동기식보다 직관적이지 못하며 설계가 복잡할 수 있음

👍 참고 사이트

1. 동기와 비동기의 개념
2. 동기와 비동기에 대해서