[Java Script] 동기, 비동기 처리에 대해

동기식 처리는 코드가 한 번에 한 줄씩 차례로 실행되는 것을 말하고

비동기식 처리는 코드가 병렬적으로 한 번에 실행되는 것을 말합니다.

| 자바스크립트가 작동하는 방식

1. 동기식 처리

자바스크립트에서는 코드가 동기식으로 작동합니다.

 

웹 브라우저에는 stack이라는 코드를 실행해 주는 공간이 있는데

거기에서 코드를 한 줄씩 차례로 실행해 주는 거입니다.

 

예를 들면

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

이런 식으로 코드를 작성하면

자바스크립트는 동기적으로 작동하기 때문에

콘솔에 차례대로 1, 2, 3이 출력이 됩니다.

2. 비동기식 처리

자바스크립트에서 코드를 비동기식으로 처리하는 경우도 있는데

이는 setTimeout(), addEventlistener(), ajax() 관현 함수들이 해당이 됩니다.

이처럼 자바스크립트는 처리시간이 좀 걸리는 함수들은 잠시 미룬 다음

다른 코드부터 실행하려고 하는 성질이 있습니다.

 

예를 들어보면

console.log(1);
setTimeout(function(){ console.log(2) }, 1000);
console.log(3);

이런 식으로 코드를 작성하면

1이 출력되고 2의 출력을 잠시 미루고 3이 먼저 출력이 된 다음 2가 출력이 됩니다.