async 비동기식 처리와 동기식 처리

klmjiho·2021년 2월 2일
0

JS ES6

목록 보기
3/3

Ajax(Asynchronous JavaScript and XML)

비동기적인 웹 애플리케이션의 제작을 위한 웹 개발 방법

동기 : 웹에서 서버측에 데이터를 요청하고 데이터의 수신이 완료될 때까지 기다리는것

비동기 : Ajax를 이용하여 데이터의 수신을 기다리지않고 바로 다른 작업을 실행 -> 페이지의 로딩을 기다리지않으므로 웹의 속도가 빠르게 반응가능

jQuery의 Ajax호출은 async : true가 기본값
따로 기입하지않는다면 기본적으로 비동기식으로 동작

async : false
ajax호출하여 서버에서 응답을 기다렸다가 응답을 모두 완료한 후 다음 로직을 실행하는 동기식으로 변경가능
-> 원하는 순서대로 함수를 실행시킬 수 있다.

Promise 객체의 사용
Promise : 비동기 요청에 대하여 비동기 실행이 완료된 후 결과 값 또는 실패의 이유를 콜백함수로 전달
이때 비동기 실행이 정상적으로 됐는지 확인 가능해야함

참고자료
비동기 / 동기 처리: https://recollectionis.tistory.com/167?category=274218
await / async: https://victorydntmd.tistory.com/87
in c# : https://docs.microsoft.com/ko-kr/dotnet/csharp/programming-guide/concepts/async/

0개의 댓글