▶ then & catch의 chaining
| axios로 처리한 비동기 로직은 항상 promise 객체를 반환한다 즉, then과 catch는 모두 항상 promise 객체를 반환한다 => 계속해서 chaining을 할 수 있다. then을 계속 이어 나가면서 작성할 수 있게 된다 |
![]() |
▶ then 매서드 chaining의 목적
| 비동기 작업의 "순차적인" 처리가 가능하다 코드를 보다 직관적이고 가독성 좋게 작성할 수 있도록 도움 |
▶ then 매서드 chaining의 장점
| 가독성 | 비동기 작업의 순서와 의존 관계를 명확히 표현할 수 있어 코드의 가독성이 향상된다 |
| 에러 처리 | 각각의 비동기 작업 단계에서 발생하는 에러를 분할해서 처리할 수 있다 |
| 유연성 | 각 단계마다 필요한 데이터를 가공하거나 다른 비동기 작업을 수행할 수 있어서 더 복잡한 비동기 흐름을 구성할 수 있다 |
| 코드 관리 | 비동기 작업을 분리하여 구성하면 코드를 관리하기가 용이하다 |
▶ then 매서드 chaining의 적용
| chaining을 활용해 cat api 실습 코들 변경하기 |
![]() ![]() 첫번째 then 콜백함수의 반환 값이 이어지는 then 콜백함수의 인자로 전달된다 |
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript][비동기 with Django] 2. 비동기 팔로우 구현 (0) | 2024.04.25 |
|---|---|
| [JavaScript][비동기 with Django] 0. 목표 (0) | 2024.04.25 |
| [JavaScript][비동기] Promise (0) | 2024.04.25 |
| [JavaScript][비동기] 비동기 처리는 코드의 실행순서가 불명확 => 콜백 함수를 사용하자 (0) | 2024.04.25 |
| [JavaScript][비동기] Ajax vs Axios (0) | 2024.04.25 |


