• ����������������� ��������������� ��������� ������ : ������한 ���합(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