코딩/React 본 캠프
promise, async, await
James Song
2024. 9. 20. 20:46
반응형
promise
비동기 작업의 최종 완료 또는 실패를 나타내는 객체
api 를 요청하고 응답을 받기로 약속이 되어 있을 때의 과정
- pending (대기중) : 초기 상태로, 응답을 받기 전 성공 또는 실패가 결정되지 않은 상태
- fulfilled (이행됨) : 응답이 성공적으로 완료되어 promise 가 결과 값을 반환한 상태
- rejected (거부됨) : 응답이 실패하거나 오류가 발생한 상태
promise 객체를 사용하면, 비동기 작업의 결과에 따라 콜백 함수를 연결할 수 있고, .then(), .catch(), 그리고 .finally() 메소드를 이용해 연속적으로 결과를 처리할 수 있다.

async 함수의 정의
async 함수는 async 키워드를 함수 선언 앞에 붙여 정의한다. 이 함수는 항상 promise 를 반환한다.
await 사용의 이점
promise의 완료를 기다리는 동안 함수의 실행을 일시적으로 중단하고, promise가 해결되면 자동으로 함수의 실행을 재개한다.
따라서, 비동기 코드의 동기적 표현이 가능해서 코드의 가독성이 크게 향상된다.

지금 몸살감기에 걸려서 온몸이 쑤시고 시린데 주말에 컨디션 괜찮고 시간이 되면 basic 과제 마무리를 할 생각이다.
반응형