자바스크립트를 사용하면서 가장 많이 신경써야하는 부분이 바로 비동기 통신 부분이다. 이번에 비동기 통신 함수를 콜백함수로 호출할 수 있도록 수정하는 방법을 알게되어 정리해 둔다. 호출 할 함수 - 아래의 코드가 콜백함수로 구현한 비동기 통신 함수이다. return을 할떄에 Promise 객체를 생성해준다. - resolve는 결과가 잘 실행됐을때, reject는 error가 났을때에 실행된다. const getList = function("api"){ let url = api; return new Promise(function(resolve, reject){ sendAxios(apt, 'get').then(function(response){ resolve(response.data); }).catch(fu..
비동기 통신
1. 🌐 스프링에서 비동기 처리와 @RequestBody, @ResponseBody 사용 이유이번 포스팅에서는 스프링에서 비동기 처리를 어떻게 하는지, 그리고 @RequestBody와 @ResponseBody를 사용하는 이유에 대해 알아보겠습니다.🔹 클라이언트와 서버의 비동기 통신 처리웹에서 이루어지는 데이터 통신은 클라이언트(Client)와 서버(Server) 간에서 이루어집니다. 예를 들어, 로그인 버튼을 누르면 입력한 아이디와 비밀번호가 서버로 넘어가 요청(Request)을 하게 됩니다. 서버는 이를 판단해 로그인 여부를 결정한 후 클라이언트에 응답(Response)을 보내죠.🔹 요청(Request)과 응답(Response)의 중요성클라이언트가 서버로 보내는 메시지를 요청 메시지라고 하며, 서..
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로 넘기기 위해 ..
