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