🌐 1. JavaScript의 비동기 처리 이해하기JavaScript는 싱글 스레드로 동작해요. 즉, 한 번에 하나의 작업만 처리할 수 있다는 뜻이죠. 그런데도 여러 비동기 작업을 동시에 처리하는 것처럼 보이는 이유는 JavaScript의 이벤트 루프(Event Loop) 덕분이에요. 자, 이 과정이 어떻게 이루어지는지 차근차근 설명해보겠습니다. 🎯 JavaScript는 싱글 스레드인데 비동기 작업을 어떻게 처리할까요?JavaScript는 비동기 작업을 처리하기 위해 이벤트 루프와 태스크 큐라는 개념을 사용합니다.비동기 함수 호출: 비동기 함수(예: setTimeout, fetch, async/await)가 호출되면, 그 작업은 브라우저나 Node.js의 백그라운드에서 처리돼고, 이때 JavaScri..
ajax
Java Script를 사용하다 보면 기능을 하나씩 수행했을때에는 잘 작동하지만 합쳐서 실행할때에 오류가 발생하는 경우가 있다. 이는 하나의 함수가 다 실행하기전 다른 함수가 실행되기 때문에 발생하는 문제이다. 예를들어 보겠다. 아래에 보이는 코드는 1번 함수 실행 후 가져온 값이 있어야 2번 함수를 실행 시킬수 있다. 즉 1번 함수가 끝난 후 2번함수가 실행 되어야 한다는 것이다. 이러한 작업을 해주는것이 async, await 이다. 1번 함수 async function init() { const modelURL = URL + 'model.json'; const metadataURL = URL + 'metadata.json'; // load the model and metadata // Refer t..
AJAX 통신을 이용해 게시판 작성을 할때 validation check를 진행하면서 발생하는 에러메세지를 출력하는 과정을 진행하던 와중 AJAX통신 이후 response되는 데이터를 받아오지 못해 한참을 해매고 있었다. e.responseJSON 으로 에러 데이터를 가지고 올 수 있다. $.ajax({ type : "POST", enctype: 'multipart/form-data', url : "/api/url", data : formData, //파일 데이타 processData : false, //일반적으로 서버에 전달되는 데이터는 query String 형태로 전달된다. 이를 피하기위해 false 설정 contentType : false, // multipart/form-data로 넘기기 위해 ..
