✔ 동기 방식 (Synchronous)
요청과 결과가 한 자리에서 주어지는 방식. 쉽게 이야기하면 요청에 들어온 순서에 따라 데이터를 처리하는 방식이고, 직렬적으로 이루어진다.
- 장점: 설계가 간단하고 직관적
- 단점: 요청에 따른 결과가 반환되기 전까지 대기해야 하므로 효율적이지 못할 수 있음
console.log('1');
console.log('2');
console.log('3');
//123✔ 비동기 방식 (Asynchronous)
하나의 요청에 따른 응답을 즉시 처리하지 않아도 되며, 다른 활동을 수행할 수 있는 방식. 병렬적으로 요청과 응답이 실행되는 방식이며, 실행 순서가 확실하지 않다.
- 장점: 요청에 따른 결과가 반환되는 시간동안 다른 작업을 병렬적으로 실행 가능
- 단점: 동기식보다 직관적이지 못하며 설계가 복잡할 수 있음
console.log('1');
setTimeout(function() {
console.log('2');
}, 0);
console.log('3');
//132