비동기 대표적 setTimeout 웹 api

비동기(Asynchronous) 프로그래밍은 작업이 순차적으로 진행되지 않고, 한 작업이 완료되기를 기다리지 않고 다음 작업을 바로 시작하는 프로그래밍 방식을 의미합니다. 비동기 작업은 주로 시간이 오래 걸리는 작업이나 외부 리소스와의 상호 작용과 관련이 있습니다.

 

 

setTimeout은 웹 API 중 하나로, 비동기 프로그래밍을 위해 사용됩니다. setTimeout 함수는 일정 시간이 지난 후에 함수를 실행하도록 예약하는 역할을 합니다. 여기서 주목해야 할 점은 setTimeout 함수가 호출되면 다음 코드가 바로 실행되지 않고, 일정 시간이 지난 후에 등록된 콜백 함수가 실행된다는 것입니다.

간단한 예제를 통해 설명하겠습니다:

 

이 코드는 다음과 같은 순서로 실행됩니다:

1. 'Start' 출력
2. setTimeout 함수가 호출되고, 2초(2000ms) 후에 실행될 콜백 함수가 예약됨
3. 'End' 출력
4. 2초가 지난 후, setTimeout에 등록된 콜백 함수인 'Inside setTimeout'가 출력됨

결과적으로 'Start', 'End'는 setTimeout의 콜백 함수가 실행되기를 기다리지 않고 즉시 출력되고, 2초 뒤에 'Inside setTimeout'이 출력됩니다. 이러한 특성은 웹 애플리케이션에서 사용자 경험을 향상시키고, 브라우저가 다른 작업을 처리하는 동안 대기하지 않고 다른 작업을 수행할 수 있도록 해줍니다.

 

console.log('Start');

setTimeout(() => {

  console.log('Inside setTimeout');

}, 2000);

console.log('End');