[JS리뷰] 비동기 프로그래밍

frenchkebab·2024년 5월 15일

JS리뷰

JS정리

목록 보기

2/2

비동기 프로그래밍

Thread란?

-> 8개의 core가 각각 2개의 Thread를 갖고 있어 총 16개 스레드를 사용할 수 있다는 뜻임.

Thread는 가장 작은 단위의 working unit으로, 최대 동시에 16개의 작업을 CPU가 할 수 있다는 것을 의미한다.

JS는 Single Thread다.

JS는 어느 한 순간에 동시에 단 하나의 작업만 실행할 수 있다.

매우 비효율적으로 느껴지지만, Async Programming으로 이 단점을 극복할 수 있다.

Sync Programming (동기 프로그래밍)

2초가 걸리는 작업이 현재 JS runtime의 resource를 전혀 사용하지 않고 있다고 해도, 그것과 관계없이 thread가 2초동안 막혀버리게 된다.

function longWork() {
  const now = new Date();

  /**
   * milliseconds since epoch
   *
   * 1970년 1월 1일 부터 지금 코드가 실행되는 순간까지의 시간을 milliseconds로 반환
   */
  const milliseconds = now.getTime();
  const afterTwoSeconds = milliseconds + 2 * 1000;

  // 2초동안 어떠한 연산을 한다고 가정
  while (new Date().getTime() < afterTwoSeconds) {
    // do nothing
  }

  console.log('완료');
}

console.log('Hello');
longWork(); // 2초동안 block됨
console.log('World');

longWork() (실제로는 api요청 혹은 filewrite 기다리는 등)를 실행하는 동안에 아무것도 하지 않는데, Thread가 막혀버려서 리소스가 낭비되게 됨.

Async Programming (비동기 프로그래밍)

function longWork() {
  // 비동기로 수행됨
  setTimeout(() => {
    console.log('완료');
  }, 2000);
}

console.log('Hello');
longWork(); // 2초동안 block되지 않음
console.log('World');