비동기 처리

웹 개발에 있어 비동기 처리는 매우 중요한 부분이므로 비동기 처리의 개념과 이해를 위해 포스팅한다.

 

비동기 처리란?

특정 로직의 실행이 끝날때까지 기다리지 않고 나머지 코드를 먼저 실행하는것을 비동기 처리라고 한다.

 

 

비동기 처리는 왜 필요한가?

만약 사용자가 어떠한 사이트를 들어갔다. 그런데 시간이 지나도 사이트내에 데이터가 보여지지 않는다. 그렇다면 사용자 입장에서는 사이트는 죽어있다라고 생각을 하게 될것이다.즉 비동기 처리는 화면에서 서버로 부터 데이터를 요청했을때 서버가 언제 요청에 대한 응답을 줄지 모르는데, 서버가 요청의 응답을 해줄때까지 기다리게 된다면 위에 말처럼 사용자 입장에서는 사이트가 죽었다라고 판단하게 될것이다.

이러한 이유로 인해 비동기 처리는 웹개발에 있어 매우 중요하다.

 

 

간단한 비동기 처리 예제

console.log('hello');

setTimeout(function () {
	console.log('code factory');
}, 3000);
    
console.log('bye');

 

만약 setTimeout()이라는 함수를 사용하지 않았더라면, 순차적으로 코드가 출력되어 hello 출력, 3초 후 code factory 출력, bye 출력 이 되었을것이라 예상했을것이다.

하지만 setTimeout()이라는 함수를 통해 비동기 방식으로 처리되었기 때문에, 예상과 다르게 hello 출력, bye 출력, 3초 후 code factory 출력이 된다.