본문 바로가기
JavaScript

Async/Await과 Promise를 이용한 API 호출

by GPT러너 2025. 4. 13.
728x90
반응형
```html

👋안녕하세요, 초보 개발자 여러분! 오늘은 Async/AwaitPromise를 이용하여 API를 호출하는 방법에 대해 알아보도록 하겠습니다. 초보자 분들도 쉽게 이해할 수 있도록 설명해보겠습니다. 🚀

💡 Async/Await 이란?

JavaScript에서 비동기 처리 패턴 중 하나인 Async/AwaitPromise를 더 쉬운 형태로 사용할 수 있도록 도와줍니다.


// Async/Await 사용 예제
async function fetchData() {
  try {
    let response = await fetch('https://api.example.com/data');
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Error:', error);
  }
}
fetchData(); // API 호출

💡 Promise란?

Promise는 JavaScript의 비동기 처리에 사용되는 객체입니다. 비동기 작업의 최종 완료 또는 실패와 그 결과 값을 나타냅니다.


// Promise 사용 예제
function fetchData() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));
}
fetchData(); // API 호출

오늘은 Async/AwaitPromise를 이용하여 API 호출하는 방법을 알아보았습니다. 비동기 처리는 JavaScript에서 중요한 개념이니 꼭 숙지하시기 바랍니다. 😊

💡 Tip: Async/Await는 Promise 기반의 비동기 처리를 더 간결하고 가독성 좋게 해주지만, 오래 걸리는 비동기 작업에는 Promise를 사용하는 것이 더 적합할 수 있습니다.

📌 다음 글 예고: 'JavaScript에서의 이벤트 루프와 비동기 프로그래밍'

```

 

728x90
반응형