▶ Promise
JavaScript에서 비동기 작업 결과를 나타내는 객체이다 비동기 작업이 완료되었을 때 결과 값을 반환하거나 실패 시 에러를 처리할 수 있는 기능을 제공한다 |
▶ Promise Object
자바스크립트에서 비동기 작업을 처리하기 위한 객체 비동기 작업의 성공 또는 실패와 관련된 결과나 값을 나타낸다 콜백 지옥 문제를 해결하기 위해서 등장한 비동기 처리를 위한 객체이다. " 작업이 끝나면 실행시켜줄게" 라는 약속 Promise 기반의 HTTP 클라이언트 라이브러리가 바로 Axios이다 성공에 대한 약속 then() 실패에 대한 약속 catch() |
▶ Axios
JavaScript에서 사용되는 Promise 기반 HTTP 클라이언트 라이브러리
비동기 콜백 | Promise |
![]() |
![]() |
▷ Promise가 보장하는 것 1. 콜백 함수는 JavaScript의 Event Loop가 현재 실행 중인 Call Stack을 완료하기 이전에는 절대 호출되지 않는다. 반면, Promise callback 함수는 Event Queue에 배치되는 엄격한 순서로 호출된다 2. 비동기 작업이 성공하거나 실패한 뒤에 then 매서드를 이용하여 추가한 경우에도 호출 순서를 보장하며 동작한다 3. then을 여러 번 사용하여 여러개의 callbak 함수를 추가할 수 있음 각각의 callback은 주어진 순서대로 하나하나 실행하게 된다 Chaning은 Promise의 가장 뛰어난 장점 |
'WEB > JavaScript' 카테고리의 다른 글
[JavaScript][비동기 with Django] 0. 목표 (0) | 2024.04.25 |
---|---|
[JavaScript][비동기] then & catch의 chaining (0) | 2024.04.25 |
[JavaScript][비동기] 비동기 처리는 코드의 실행순서가 불명확 => 콜백 함수를 사용하자 (0) | 2024.04.25 |
[JavaScript][비동기] Ajax vs Axios (0) | 2024.04.25 |
[JavaScript][비동기] 4. 실습 _ 고양이 사진 가져오기 (0) | 2024.04.23 |