[Quiz] 비동기 처리 문제

다음 코드를 실행하면 어떤 출력이 나올까?

async function fetchData() {
  return "Data fetched!";
}

fetchData().then(data => console.log(data));
console.log("Fetching data...");

질문 : 콘솔에 출력되는 결과는?

---

✅ 정답 

Fetching data...
Data fetched!

💬 설명
- `fetchData` 함수는 비동기 함수로 "Data fetched!" 라는 값을 가진 Promise를 return
- `fetchData().then(data => console.log(data));` 는 Promise가 이행되면 "Data fetched!"를 출력하게 되지만, 이는 비동기적으로 실행됨
- 반면 `console.log("Fetching data...")는 즉시 실행되서 이 문장이 먼저 출력됨


👽 나를 위한 심층 분석 ㅋㅋ

fetchData().then(data => console.log(data));
- fetchData() : 이 함수는 비동기 작업을 수행하고 Promsie를 반환
- .then() : Promise가 이행되면, then() 메서드 안의 콜백함수가 실행되고 이 콜백함수는 이행된 Promise의 결과를 인수로 받음
- 결과 출력: 콜백함수에서 console.log(data)를 호출하여 Promise가 이행된 결과를 콘솔에 출력