mingmong's devlog

서버와 데이터를 주고받는 방식에는 Ajax와 form 두 가지 방식이 있다.Ajax는 비동기 방식으로, form은 동기 방식이라는 차이점이 있다.이 차이점에 대하여 알아보자. 동기(Synchronous)방식 - 서버에 요청을 보냈을때 응답이 돌아와야 다음 동작을 수행할 수 있음비동기(Asynchronous)방식 - 요청을 보내고 응답을 기다리지 않고 다음 동작을 수행할 수 있음 1) ajax: ajax는 서버와 통신하는 비동기적인 방법이다.$.ajax({ type : "POST", url : "/DataJson.jsp", data : params, dataType : "json", success: function (data){ }, ..

window.postMessage() 메소드는 Window 오브젝트 사이에서 안전하게cross-origin 통신을 할 수 있게 해준다.예시로, 페이지와 생성된 팝업 간의 통신이나,페이지와 페이지 안의 iframe 간의 통신에 사용할 수 있다.또 데이터를 보내는 HTTP 요청을 생성하지 않으며, DOM 기반 통신에 사용된다. 위의 내용처럼 postMessage() 메소드를 통해 parent -> child 또는 child -> parent로의 메세지 전송을 할 수 있다. 1) 기본 사용법1-1) 메시지 보내기window.postMessage( data, [ports], targetOrigin );data : 전달할 메시지 ( string )ports : 메시지 포트(생략 가능)targetOrigin : 메..