자바스크립트를 사용하면서 가장 많이 신경써야하는 부분이 바로 비동기 통신 부분이다. 이번에 비동기 통신 함수를 콜백함수로 호출할 수 있도록 수정하는 방법을 알게되어 정리해 둔다. 호출 할 함수 - 아래의 코드가 콜백함수로 구현한 비동기 통신 함수이다. 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..
비동기 통신
스프링에서 비동기 처리를 하는경우 @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로 넘기기 위해 ..