자바스크립트에서 비동기 코드를 보다 쉽게 작성하기 위한 문법 개념

• 비동기 작업을 동기적인 코드처럼 작성할 수 있어 가독성과 유지보수성을 향상

• async 함수는 항상 Promise를 반환.

  • async 함수 내에서는 await 키워드를 사용하여 비동기 함수가 처리될 때까지 대기
    • 반드시 await 키워드는 비동기 함수(Promise) 앞에서만 사용되어야 함
    • await 키워드는 Promise가 이행된 후 결과 값을 반환

  async function fetchData() {
    try {
      const response = await fetch('<https://api.example.com/data>'); // 비동기 작업 수행
      const data = await response.json(); // 비동기 작업 수행
      console.log(data); // 데이터 출력
    } catch (error) {
      console.log('에러 발생:', error);
    }
  }
  
  fetchData();
  

try-catch와 사용하는 이유?

try-catch 문은 예외 처리를 위해 사용되며, 비동기 작업에서 발생한 오류를 처리

• 비동기 처리는 주로 네트워크를 통한 작업을 수행
• 네트워크 요청이 실패하거나, 데이터를 처리하는 도중 예기치 못한 문제가 발생하는 경우에 예외를 처리하기 위함
• 비동기 작업에서 try-catch 문을 사용하여 예외를 처리함으로써 예외 상황에 대한 로직을 추가하고, 프로그램의 안정성을 높일 수 있음

async와 await