Html5/communicationAPI - Revision history

Maintenance script: Repair batch-0008 pages from live compare

2026-03-27T01:40:36Z

Repair batch-0008 pages from live compare

@@ Line 1: / Line 1: @@
-&#91;&#91;pagelist(^html5)&#93;&#93;
+<!-- MONIWIKI PageList(^html5) -->
 __TOC__
 = 커뮤니케이션 API =
@@ Line 68: / Line 91: @@
 = 관련 사이트 =
-* [[HTML5 스터디 카페]] http://cafe.naver.com/webappdev.cafe
+* HTML5 스터디 카페 http://cafe.naver.com/webappdev.cafe

Maintenance script: Repair MoniWiki formatting after migration

2026-03-26T14:01:49Z

Repair MoniWiki formatting after migration

← Older revision		Revision as of 14:01, 26 March 2026
Line 69:		Line 69:
	= 관련 사이트 =		= 관련 사이트 =
	* [[HTML5 스터디 카페]] http://cafe.naver.com/webappdev.cafe		* [[HTML5 스터디 카페]] http://cafe.naver.com/webappdev.cafe

imported>rabierre at 10:40, 11 October 2010

2010-10-11T10:40:49Z

← Older revision		Revision as of 10:40, 11 October 2010
Line 32:		Line 32:
	alert(e.data);		alert(e.data);
	}		}
	};		};

	* 이벤트 리스너		* 이벤트 리스너

imported>rabierre at 10:37, 11 October 2010

2010-10-11T10:37:07Z

← Older revision		Revision as of 10:37, 11 October 2010
Line 53:		Line 53:
	** postMessage(message, [ports]) : 메세지 송신		** postMessage(message, [ports]) : 메세지 송신
	** onmessage : 메세지 도착시 이벤트 핸들러가 호출됨		** onmessage : 메세지 도착시 이벤트 핸들러가 호출됨

			* 채널을 이용한 메세지 송신
			// 생략가능
			channel.port1.start();
			channel.port2.start();
			// 포트를 이용한 메세지 송신
			channel.port1.postMessage("TEST");

	= 포트 공개 =		= 포트 공개 =

imported>rabierre at 10:34, 11 October 2010

2010-10-11T10:34:34Z

← Older revision		Revision as of 10:34, 11 October 2010
Line 42:		Line 42:
	* 메세지 송신 예		* 메세지 송신 예
	var destFrame = document.getElementById("message-dest");		var destFrame = document.getElementById("message-dest");
	destFrame.contentWindow.postMessage("메세지 내용", "http://desc.example.com");		destFrame.contentWindow.postMessage("메세지 내용", /포트 생략가능,/ "http://desc.example.com");

	= 채널 메세징 =		= 채널 메세징 =

imported>rabierre at 10:33, 11 October 2010

2010-10-11T10:33:48Z

← Older revision		Revision as of 10:33, 11 October 2010
Line 39:		Line 39:
	....		....
	}, false);		}, false);

			* 메세지 송신 예
			var destFrame = document.getElementById("message-dest");
			destFrame.contentWindow.postMessage("메세지 내용", "http://desc.example.com");

	= 채널 메세징 =		= 채널 메세징 =

imported>rabierre at 10:31, 11 October 2010

2010-10-11T10:31:49Z

← Older revision		Revision as of 10:31, 11 October 2010
Line 33:		Line 33:
	}		}
	};		};

			* 이벤트 리스너
			// 메세지를 수신해 MessageEvent형의 객체 얻음
			window.addEventListener("message", function(e) {
			....
			}, false);

	= 채널 메세징 =		= 채널 메세징 =

imported>rabierre at 10:30, 11 October 2010

2010-10-11T10:30:13Z

@@ Line 23: / Line 23: @@
 ** targetOrigin :  메세지를 수신하는 도메인(프로토콜+도메인+포트번호)
 * 보안을 위해 메세지를 주고받는 상대의 신원 확인 필수
 = 채널 메세징 =

imported>rabierre at 10:20, 11 October 2010

2010-10-11T10:20:46Z

← Older revision		Revision as of 10:20, 11 October 2010
Line 1:		Line 1:
	[[pagelist(^html5)]]		[[pagelist(^html5)]]
	__TOC__		__TOC__

	= 커뮤니케이션 API =		= 커뮤니케이션 API =

imported>rabierre at 10:20, 11 October 2010

2010-10-11T10:20:09Z

← Older revision		Revision as of 10:20, 11 October 2010
Line 4:		Line 4:
	= 커뮤니케이션 API =		= 커뮤니케이션 API =

	프로그램간에 비동식으로 메세지 전달 -? 느슨한 결합(loosely coupled)		* 프로그램간에 비동식으로 메세지 전달 : 느슨한 결합(loosely coupled)
	메세지 : 임의의 자바스크립트객체 , 단순 문자열		* 메세지 : 임의의 자바스크립트객체 또는 단순 문자열
	통신 수행의 주체 : 윈도우, 백그라운드 태스크, 서버에서 동작하는 프로그램		* 통신 수행의 주체 : 윈도우, 백그라운드 태스크, 서버에서 동작하는 프로그램

	메세지 이벤트 : 자바스크립트 객체 ( data, origin, lastEventid, source, ports)		* 메세지 이벤트 : 자바스크립트 객체 ( data, origin, lastEventid, source, ports)

	메세지 수신 : onmessage이벤트 핸들러, 이벤트 리스너, MessageEvent객체 얻음		* 메세지 수신 : onmessage이벤트 핸들러, 이벤트 리스너 (MessageEvent객체 얻음)

	= 크로스 도큐먼트 메세징 =		= 크로스 도큐먼트 메세징 =
Line 16:		Line 16:
	* 도메인이 다른 웹페이지도 데이터 공유가능		* 도메인이 다른 웹페이지도 데이터 공유가능

	송신 : postMessage()		* 송신 : postMessage(data, [ports], targetOrigin)
	수신 : onmessage() 이벤트 핸들러		* 수신 : onmessage() 이벤트 핸들러

	* postMessage(data, [ports], targetOrigin)		* postMessage(data, [ports], targetOrigin)
Line 42:		Line 42:

	= 관련 사이트 =		= 관련 사이트 =
	[[HTML5 스터디 카페]] http://cafe.naver.com/webappdev.cafe		* [[HTML5 스터디 카페]] http://cafe.naver.com/webappdev.cafe