• ��������램������ ��동�������� 메������ ������ : 느������ ������(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