먼저 함수의 앞에 async 라는 예약어를 붙입니다. 그러고 나서 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙입니다. 여기서 주의하셔야 할 점은 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작합니다. 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 프로미스를 반환하는 API 호출 함수입니다.
콜 스택, 콜백 큐, 이벤트 루프
비동기 프로그래밍의 기초에 대해 간단하게 정리해봅니다
www.sungikchoi.com
자바스크립트는 왜 싱글 스레드를 선택했을까? 프로세스, 스레드, 비동기, 동기, 자바스크립트
목차 프로세스와 스레드 프로세스 싱글 스레드와 멀티 스레드 자바스크립트는 왜 싱글 스레드를 선택했을까 동기 vs 비동기 동기 비동기 자바스크립트로 비동기 처리하는 방법 자바스크립트 엔
miracleground.tistory.com
자바스크립트 Promise 쉽게 이해하기
(중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법
joshua1988.github.io
Axios와 async/await 특징 비교
Axios만을 이용하는 경우 axios를 이용하여 API호출을 하는 경우 바로 응답이 오지 않기에 일반적으로 비동기 방식을 사용한다. axios 문서에서도 기본적으로 소개하는 사용방식은 Promise-then 방식의
www.crocus.co.kr
ES6 프로미스(Promise), 진짜 쉽게 이해하기 (Promise의 목적만 생각한다.)
프로미스(Promise) 싱글쓰레드인 자바스크립트에서 비동기 처리를 위해서 콜백(callback)을 사용해왔다.덕분에 비동기 처리를 온전히 해낼 수 있었지만 이런 콜백이 사용되는 경우가 많아지면서 단
jeong-pro.tistory.com
'Programming > Javascript, Typescript' 카테고리의 다른 글
| [Javascript] 화살표 함수 (0) | 2022.11.02 |
|---|---|
| [Javascript] fetch와 axios 비교 (0) | 2022.11.02 |
| [Javascript] Optional Chaining 연산자: '?.~' (0) | 2022.10.30 |
| [Javascript] 자바스크립트와 이벤트 루프 (0) | 2022.10.29 |
| [debugging] 개발자 도구 javascript debugging (0) | 2022.08.27 |
댓글