Node.js에서 async/await 이해하기

Node.js의 비동기 프로그래밍은 그 기능의 핵심 부분으로, 블로킹되지 않는 작업과 효율적인 성능을 가능하게 합니다. ES2017에서 도입된 async/await 구문은 개발자들이 비동기 코드를 작성하는 방식을 혁신적으로 변화시켰습니다.

NodeJs 이해하기

Node.js는 웹 브라우저 외부에서 JavaScript 코드를 실행할 수 있는 JavaScript 런타임 환경입니다. Node.js는 Google Chrome V8 JavaScript 엔진을 기반으로 하며, 데이터 집약적이고 실시간 웹 애플리케이션을 작성하는 데 사용됩니다. Node.js는 프로젝트에 기능을 추가하는 데 사용할 수 있는 방대한 모듈 및 패키지 라이브러리도 갖추고 있습니다. Node.js의 몇 가지 장점은 다음과 같습니다:

비동기적이고 이벤트 기반이라는 특성 덕분에 빠르고 확장 가능합니다.
다양한 운영 체제에서 실행할 수 있는 크로스 플랫폼이며 오픈 소스입니다. 따라서 개발에 기여할 수 있습니다.
웹 애플리케이션의 프론트엔드와 백엔드에 동일한 언어를 사용할 수 있어 일관되고 통합적입니다.

프라미스란 무엇인가요?

JavaScript에서 프라미스는 비동기 작업의 최종 완료(또는 실패) 및 그 결과 값을 나타내는 객체입니다. 이를 통해 비동기 작업을 좀 더 동기적으로 작업할 수 있습니다. 프라미스가 무엇이며 어떻게 작동하는지에 대한 설명은 다음과 같습니다:

상태: 프라미스는 다음 상태 중 하나에 있습니다:

pending: 초기 상태, 충족되지도 거부되지도 않음.
fulfilled: 작업이 성공적으로 완료됨.
rejected: 작업이 실패함.
사용법: 비동기 작업의 최종 성공 값이나 실패 이유와 핸들러를 연관 지을 수 있습니다. 이를 통해 비동기 메서드가 동기 메서드처럼 값을 반환할 수 있게 합니다. 즉, 최종 값을 즉시 반환하는 대신, 비동기 메서드는 미래의 어떤 시점에 값을 제공할 프라미스를 반환합니다.
정착: 프라미스가 충족되거나 거부되었을 때 정착되었다고 합니다. 대기 중인 프라미스의 최종 상태는 값으로 충족되거나 이유(오류)로 거부될 수 있습니다.

비동기 함수 선언하기

JavaScript에서 async 함수를 선언하는 것은 꽤 간단합니다. 함수 선언 앞에 async 키워드를 붙이기만 하면 됩니다. 이는 해당 함수가 비동기적이며 하나 이상의 await 표현식을 포함할 수 있음을 알립니다. 기본 구문은 다음과 같습니다:

async function functionName(parameters) {
  // 함수 본문
}

다음은 API에서 데이터를 가져오는 async 함수의 예입니다:

async function fetchData(url) {
  try {
    const response = await fetch(url);
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('오류가 발생했습니다:', error);
  }
}

이 예에서 fetchData는 fetch 호출이 해결될 때까지 기다리기 위해 await를 사용하는 async 함수입니다. fetch 호출이 성공하면 응답을 처리하고 데이터를 반환합니다. 오류가 발생하면 해당 오류가 잡혀 콘솔에 기록됩니다.

await란 무엇인가요?

JavaScript의 await 키워드는 async 함수 내에서 사용되어 프라미스가 해결될 때까지 함수의 실행을 일시 중지합니다. await를 사용하면 함수는 프라미스가 정착될 때까지 기다린 다음 프라미스의 결과와 함께 실행을 재개합니다. 프라미스가 거부되면 await 표현식은 거부된 값을 발생시키며, 이를 통해 try/catch 블록으로 처리할 수 있습니다.

await를 보여주는 간단한 예는 다음과 같습니다:

async function getUserData() {
  try {
    let response = await fetch('/user/data');
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('오류가 발생했습니다:', error);
  }
}

getUserData();

이 예에서 getUserData는 사용자 데이터를 가져오는 async 함수입니다. await 키워드는 fetch 호출이 해결될 때까지 기다리기 위해 사용되며, 이는 response.json() 호출이 해결될 때까지 기다리는 다음 줄로 이어집니다. 이러한 프라미스 중 하나라도 거부되면 오류가 catch 블록에 잡히게 됩니다.

비동기/대기를 왜 사용해야 하나요?

NodeJs에서 프로그래밍할 때 async와 await를 사용하면 여러 가지 이점이 있습니다:

비동기 코드 간소화: 비동기 코드를 동기 코드처럼 보이고 동작하도록 작성할 수 있어 이해하고 유지보수하기 더 쉽습니다.
가독성 향상: 여러 개의 중첩된 콜백이 있는 "콜백 지옥" 또는 "파라다이스의 피라미드" 상황을 피함으로써 코드는 더 깔끔하고 읽기 쉬워집니다.
오류 처리: 전통적인 콜백 기반 접근 방식에 비해 비동기 코드에서도 동기 코드처럼 try/catch 블록으로 보다 나은 오류 처리가 가능합니다.
제어 흐름: 비동기 작업의 흐름을 더 잘 제어할 수 있어 예측 가능한 방식으로 실행되는 코드를 작성할 수 있습니다.
비Blocking: await는 비동기 함수의 실행을 일시 중지하고 프라미스가 해결될 때까지 기다리며, 메인 스레드를 블로킹하지 않고 다른 작업이 백그라운드에서 계속 실행될 수 있게 합니다.

비동기/대기를 사용한 오류 처리

JavaScript에서 async/await와 함께하는 오류 처리는 간단하며 동기 오류 처리와 비슷합니다. 다음은 async 함수에서 오류를 처리하는 방법입니다:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('데이터 가져오는 중 오류 발생:', error);
  }
}

fetchData();

위 예에서 fetch 호출이 실패하거나 JSON 구문 분석 중 오류가 발생하면 오류가 catch 블록에 잡힙니다. 이는 여러 비동기 작업을 처리할 때 특히 유용한 중앙 집중식 오류 처리를 가능하게 합니다.

처리되지 않은 프라미스 거부가 발생할 수 있으므로 오류를 적절히 잡지 않으면 문제가 생길 수 있습니다. 모든 프라미스에는 .catch() 핸들러가 있거나 async 함수 내의 try/catch 블록에 있어야 합니다.

Apidog와 함께하는 비동기/대기

Apidog는 단순한 API 개발 플랫폼이 아니라 전체 API 라이프사이클을 간소화하는 포괄적인 제품군입니다. 디자인 우선 접근 방식을 통해 Apidog는 API가 기능적으로만 아니라 직관적이고 사용자 친화적임을 보장합니다.

Apidog와 함께 비동기/대기를 사용하면 API 요청 및 응답 처리의 효율성이 향상됩니다. 이를 통해 개발자는 읽기 쉽고 깔끔한 코드를 작성할 수 있으며, 디버깅이 수월해집니다.

결론

Node.js의 비동기/대기는 비동기 코드를 작성하는 것을 간소화하는 강력한 기능입니다. 이 구문을 이해하고 활용함으로써 개발자는 더 효율적이고 읽기 쉬운, 유지보수하기 쉬운 애플리케이션을 작성할 수 있습니다.