Node.js | Async / Await의 등장배경과 사용 활용법

Async/Await in JavaScript: A Deep Dive

목차

1. Async/Await의 등장 배경
2. Async/Await의 기본 사용법
3. Async/Await의 실용적인 활용

---

Async/Await의 등장 배경

JavaScript는 웹 개발에서 가장 널리 사용되는 언어 중 하나입니다. 그러나 비동기 프로그래밍에 있어서는 초기에 몇 가지 어려움이 있었습니다. 이를 해결하기 위해 ES6 (ECMAScript 2015)에서는 Promise가 도입되었고, 이후 ES8 (ECMAScript 2017)에서는 async/await가 도입되었습니다.

async/await는 비동기 작업을 더 간결하고 가독성 높게 처리할 수 있도록 도와줍니다. 이전에는 콜백 함수와 Promise를 사용하여 비동기 로직을 처리했지만, async/await의 도입으로 코드의 복잡성이 크게 줄었습니다.

---

Async/Await의 기본 사용법

async와 await는 각각 다음과 같은 역할을 합니다.

• async: 함수 앞에 async 키워드를 붙이면, 해당 함수는 항상 Promise를 반환합니다.
• await: async 함수 내에서 await 키워드를 사용하면, Promise가 해결될 때까지 함수의 실행을 일시 중지합니다.

javascript
async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

Async/Await의 실용적인 활용

async/await 는 단순히 Promise 를 대체하는 것이 아니라, 더 복잡한 비동기 로직에서도 유용하게 사용됩니다. 예를 들어, try/catch 문을 사용하여 에러 헨들링을 할 수 있습니다.

javascript
async function fetchDataWithTryCatch() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}