반응형

비동기 2

[JS] AJAX 로딩바 사용시 async: false를 꺼줘야 한다.

ajax 사용시 유독 오래 업로드 되는 구간이 있어서 해당 부분을 처리해야했다. 그런데, 안먹힌다. 뭘해도 업로드 끝나고 작동되는 문제가 있었다. 제이쿼리 이벤트 바인딩이 느려서인가? document.getElementById로 잡아보기도하고, 이것도 느리니 아예 함수 호출시 내장으로 변수에 할당해서 구현해보기도 하였다. 그래도 안된다... 찾다보니 async를 꺼보라네? 그렇다 ajax 내 async : false 상태가 되면 이전단계에선 호출이 안되는 것... 즉 모든 이벤트가 끝나고 작동되게 되는 것이다.(error/success/complete) 더보기 what it is saying is, if your request is async: false then you should not use aja..

[자바스크립트]자바스크립트 -Today I'm Learned (3)"동기 vs 비동기 함수"

- 오늘 학습한 내용. callback 함수 : 다시 부르는 함수. 해당 값을 조건을 제공하여, 특정조건이 구현되면 작동하는 함수이다. 주로 setTimeout 함수를 이용하여, 시간조건 등을 사용. 동기 문법 1,2,3의 순서대로 작동하는 방식이다. .then, .catch등으로 사용할 수 있다. 비동기 문법 1,2,3을 순서 상관없이 그냥 작동하는 방식이다. 쓸데없이 기다릴 필요가 없어 선호되는 방식. Promise state : pending(작동 중) → fulfiled or rejected 1. Producer // 새로운 promise 함수를 생성할때, 그 함수는 자동적으로 작동한다. // 즉, 클릭시 발생하는지 여부를 확인해야한다. const promise = new Promise((reso..

728x90