본문 바로가기

비동기처리2

NN Javascript | 비동기 처리 (콜백, 프로미스, await) 각 함수와 코드가 순차적으로 실행되는 것을 동기(Synchronous)라고 합니다. 처리가 늦어지는 경우 성능에 문제가 될 수 있기 때문에 여러 작업을 동시에 처리하는 비동기(Asynchronous) 방식이 필요합니다. 비동기 방식은 실행 순서를 장담할 수 없기 때문에 비동기 방식에서 순서를 제어하는 방법이 콜백함수, Promise, async/await 입니다. 목차 Web API 자바스크립트의 비동기 실행이 아닌 웹 브라우저 단에서 비동기적 실행을 가능하게 만든 것입니다. Web API는 타이머, 네트워크, 파일입출력, 이벤트 처리 등 브라우저에서 제공하는 API를 말합니다. 종류 - DOM / XMLHttpRequest, setTimeout() 등 콜백함수 소개 ▶ 방식 - 함수의 매개변수 자체에 .. 2024. 4. 1.
NN JavaScript | Ajax 와 Ajaxform 파일업로드 AJAX XMLHttpRequest에 파일을 실어서 보내는 방식입니다. formData를 이용한 파일업로드 옵션 async : false 를 추가하여 동기식으로 변경해 리턴값을 받을 수 있습니다. 비동기방식인 경우 Undefined 값이 리턴됩니다. AJAXFORM IE10 이하에서는 ajaxForm을 통해 전송해야 합니다. beforeSend : 전송 전 complete : 전송이 끝났을 때. 성공 실패 구분 없습니다. success : 전송 성공 시. complete와 같이 쓰면 둘 다 호출되므로 주의 error : 전송 오류 1 2 3 4 error:function(data, status, opt) { alert("code:"+data.status+"\n"+"error:"+opt+"\n"+"mess.. 2020. 12. 4.