promise, async, await

promise
비동기 작업의 최종 완료 또는 실패
결과에 따라 콜백 함수를 연결할 수 있음

상태
pending (대기중)
초기상태
성공 또는 실패가 결정되지 않은 상태

fulfill (이행됨)
연산이 성공적으로 완료되어 프로미스가 결과값을 반환한 상태

rejected (거부됨)
연산 실패
오류

const myPromise = new Promist(function (resolve, reject)
if ( true) {
resolve("Seccess");
} else {
  reject ("Failed");
}
});

then은 성공한 경우
catch는 실패한 경우


async
함수 선언 앞에 붙여 정의
항상 Promise를 반환

async function fetchData() {
   return 'Data loaded';
}

// 아래 코드와 동일
async function fetchData() {
   return Promise.resolve('Data loaded');
   }

fetchData().then(console.log); // 'Data loaded'

await
async와 항상 같이 쓰임
정상일 수도 있고 실패일 수도 있음
프로미스의 완료를 기다리는 동안 일시적으로 함수 실행 중단
프로미스가 해결되면 자동으로 함수의 실행 재기