[javascript] 비동기 프로그래밍 모델

12 Dec 2023

javascript

비동기 프로그래밍은 최근 웹 개발 분야에서 많은 관심을 받고 있는 프로그래밍 모델입니다. 비동기란 말 그대로 동시에 일어나지 않는다는 뜻이며, 이는 프로그램이 한 번에 한 가지 작업만 수행하는 것이 아니라 여러 작업을 동시에 처리할 수 있음을 의미합니다.

왜 비동기 프로그래밍이 필요한가?

웹 애플리케이션은 여러 사용자의 요청을 동시에 처리해야 하기 때문에 비동기 프로그래밍이 필수적입니다. 또한, 네트워크 호출이나 파일 입출력과 같은 I/O 작업이 빈번하게 발생하는데, 이러한 작업은 시간이 오래 걸리기 때문에 비동기 방식으로 처리하는 것이 효율적입니다.

자바스크립트에서의 비동기 프로그래밍

자바스크립트는 단일 스레드로 동작하는 언어이기 때문에 비동기 프로그래밍이 매우 중요합니다. 이를 위해 자바스크립트는 콜백 함수, 프로미스, async/await과 같은 기능을 제공하고 있습니다.

// 콜백 함수
function fetchData(callback) {
  setTimeout(() => {
    callback('Data received');
  }, 1000);
}

fetchData((data) => {
  console.log(data);
});

// 프로미스
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

fetchData().then((data) => {
  console.log(data);
});

// async/await
async function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

async function getData() {
  const data = await fetchData();
  console.log(data);
}

getData();

마치며

비동기 프로그래밍은 웹 애플리케이션의 성능을 향상시키고 사용자 경험을 향상시키는 데 중요한 역할을 합니다. 자바스크립트의 비동기 기능을 잘 활용하여 효율적인 프로그래밍을 할 수 있도록 노력해보세요.

MDN web docs - Asynchronous programming