• ������그���간��� ��������������� ��������� ������ : ��������� 결���(loosely coupled)
  
• ��������� : ��������� ������������������객��� ������ ������ ���������
  
• ������ ��������� ������ : ���������, ���그��������� ���������, ������������ ������������ ������그���
  
  
• ��������� ��������� : ������������������ 객��� ( data, origin, lastEventid, source, ports)
  
  
• ��������� ������ : onmessage��������� ���������, ��������� ��������� (MessageEvent객��� ������)
  
  

• ������������ ������������ ������ ��� ��������� ��� ����������� ������ ��������� ���고������
  
• ������������ ������ ��������������� ��������� 공��������
  
  
• ������ : postMessage(data, ports, targetOrigin)
  
• ������ : onmessage() ��������� ���������
  
  
• postMessage(data, ports, targetOrigin)
  
  • data : ��������� ������������������ 객���
    
  • ports : messagePort객���, �����������
    
  • targetOrigin : ������������ ������������ ���������(������������+���������+������������)
    
• ��������� ������ ������������ ���고������ ��������� ������ ������ ������
  
  
• onMessage ��������� ���������
  

  // ������������ ��������� MessageEvent������ 객��� ������
  window.onmessage = function(e) {
   // origin ������������������ ��������� ������
   if(e.origin == "http://localhost"){
      // data ������������ ��������� ��������� ������
       alert(e.data);
   }
 };

• ��������� ���������
  

  // ������������ ��������� MessageEvent������ 객��� ������
  window.addEventListener("message", function(e) {
     ....
   }, false);

• ��������� ������ ���
  

 var destFrame = document.getElementById("message-dest");
 destFrame.contentWindow.postMessage("��������� ������", /*������ �����������*,/ "http://desc.example.com"); 

• ��������� ��������� ��������� ���������기 ������ API
  
• ������ : ��������� ���,��������� ���개������ 객���, MessageChannel���
  
• MessageChannel : ���개��� ����������� ������1 -> ������2, ������2 -> ������1
  
• ������ : MessagePort객���
  
  • start() : ��������� ��������� ��� ��������� ������. ������ ��������� ��������� 각각��� ��������� ������ start()��� ������
    
  • close() : ��������� ��������� ��� ���게 ���
    
  • postMessage(message, ports) : ��������� ������
    
  • onmessage : ��������� ��������� ��������� ����������� ���������
    
    
• ��������� ��������� ��������� ������
  

 // �����������
 channel.port1.start(); 
 channel.port2.start();
 // ��������� ��������� ��������� ������ 
 channel.port1.postMessage("TEST");

• ��������� ������������ ����������� ������������ ��������� ������ ���근��� ��� ���게���
  
• ��������� 값 ��������� ���������
  
• ������ ��������� PostMessgae()��� ports��������� ������ ��������� �����������
  
  • ������ : ������������ null��� ��������� ���, ��������� postMessage()��� ��������� ��������� ������ ������ �������� ��������� ���, ��� ��������� ������1과 ������2�� ��������� ��������� ���
    

• HTML5 ��������� ������ http://cafe.naver.com/webappdev.cafe