3.1

비동기와 타이머

이 절에서는 비동기에 대해 알아보겠습니다. 비동기는 자바스크립트 코드를 읽기 어렵게 하는 특징 중 하나이므로 꼭 이해하고 넘어가야 합니다.

동기(synchronous)는 앞선 작업이 완전히 끝난 후에 다음 작업이 실행되는 것을 의미합니다. 이와 반대 의미인 비동기(asynchronous)는 동기가 아니라는, 즉 앞선 작업이 끝나지 않았는데도 다음 작업이 실행되는 것을 말합니다.

자바스크립트에서는 작성한 코드 순서와 다르게 실행되는 코드를 비동기라고 생각해도 됩니다. 에디터에 작성한 코드 순서와 실제 작동 순서가 다르므로 어떤 원리로 이렇게 작동하는지 익혀야 합니다.

비동기의 대표적인 예로 타이머가 있습니다. 자바스크립트는 지정한 시간(밀리초) 뒤에 지정한 작업을 수행하는 타이머 함수를 제공합니다.