<![CDATA[
<p><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"></span></span></span><br></p><div class="txc-textbox" style="border: 1px dashed rgb(243, 197, 52); background-color: rgb(254, 254, 184); padding: 10px;"><p><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><br></span></span></span></p><p><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">원문 : </span></span></span><span style="font-family: Gulim, 굴림; font-size: 13px; line-height: 21px;"><a href="http://www.codeguru.com/csharp/.net/sending-notifications-using-asp.net-signalr.htm" target="_blank" class="tx-link">http://www.codeguru.com/csharp/.net/sending-notifications-using-asp.net-signalr.htm</a></span></p></div><p><span style="font-size: 9pt; color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><br></span></p><p><font color="#000000" face="Arial, sans-sarif, serif"><span style="line-height: 20px;"><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-size: 12pt;"><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">웹어플리케이션에서 실시간 통신을 하기 위해서는 웹소켓 그리고 서버에서 보내는 이벤트들과 같은 html 5를 사용할 수 있습니다. 반면에 이러한 기술들은 요즘 웹어플리케이션에서 사용될 수 있습니다. 하지만 html 5 가 모든 브라우저에서 사용할 수 없습니다. 덧붙어서 이는 복잡한 시나리오로 다소의 어렵게 구현해야 합니다. asp.net SignalR 은 라이브러리이며, 이는 웹어플리케이션에서 쉽게 실시간 통신이 가능하도록 할 수 있습니다. 이번 내용은 SignalR 를 기반으로 asp.net 웹폼 어플리케이션을 배우도록 하겠습니다.</span></span></span></span></span></span></span></font></p><p><br></p><p><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><br></span></p><p><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><span style="font-size: 12pt;"><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">ASP.NET SignalR 은 실시간 통신을 구현하기 위한 하나의 라이브러리 입니다. </span></span></span></span></span></span></span><font color="#000000" style="font-size: 10pt; font-family: Gulim, 굴림;"><span style="line-height: 20px;">데이터가 서버에서 생성 또는 일부 이벤트가 서버에서 발생되는 즉시, 같은 응용 프로그램에서 클라이언트는 최신 데이터로 업데이트를 합니다. </span></font></p><p><font color="#000000" face="Gulim, 굴림" size="2"><span style="line-height: 20px;"><span style="font-size: 12pt;"><span style="font-family: Gulim, 굴림;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">기존방식의 구현은 ajax 기술을 토대로 주기적으로 서버에 호출하여 가져와서 보여줍니다. 하지만, 이런 접근 방법은 문제가 있습니다. 다른 방법은 실시간 통신을 위해, </span></span></span></span></span></font><span style="font-size: 10pt; color: rgb(0, 0, 0); font-family: Gulim, 굴림; line-height: 20px;"><span style="">HTML5 </span></span><span style="font-size: 10pt; font-family: Gulim, 굴림;"><a href="http://www.codeguru.com/csharp/csharp/programming-html5-web-sockets-in-asp.net-4.5.htm" style="margin: 0px; padding: 0px; vertical-align: baseline; line-height: 20px;">Web Sockets</a></span><span style="color: rgb(0, 0, 0); font-family: Gulim, 굴림; line-height: 20px; font-size: 10pt;"> or </span><span style="font-size: 10pt; font-family: Gulim, 굴림;"><a href="http://www.codeguru.com/csharp/csharp/cs_internet/displaying-real-time-data-using-html5-and-asp.net.htm" style="margin: 0px; padding: 0px; vertical-align: baseline; line-height: 20px;">Server Sent Events (SSE)</a> 을 </span><span style="color: rgb(0, 0, 0); font-family: Gulim, 굴림; font-size: 10pt; line-height: 20px;">사용하는 방법입니다. 그러나 이러한 기술은 html 5 를 지원하는 브라우저에서나 가능합니다. </span><font color="#000000" style="font-size: 10pt; font-family: Gulim, 굴림;"><span style="line-height: 20px;">대상 브라우저가 지원하는 경우 SignalR는 HTML5의 Websockets를 사용, 그렇지 않으면 다른 기술로 구현해야겠지요. 최상의 방법은 상세히 내부 구현을 알 필요없이 개발자분이 구현하는게 좋겠지요. 덧붙여서 SignalR 은 연결 관리, 그룹, 권한부여을 쉽게 생성해 줍니다. 이는 통신 기술의 내부에 대해 너무 많이 걱정없이 웹 응용 프로그램에서 SignalR에 의해 높은 수준의 API로 작업 할 수 있습니다.</span></font></p><p><br></p><p><font color="#000000" face="Arial, sans-sarif, serif"><span style="line-height: 20px;"><br></span></font></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">SignalR 은 다양한 용도로 아래와 같이 사용이 가능합니다.</span></span><span style="font-size: 10pt; color: rgb(0, 0, 0); font-family: Gulim, 굴림; line-height: 20px;"><br></span></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">1. 두 명이상의 사용자가 실시간으로 채팅이 가능한 채팅프로그램을 구현할 수 있다.</span></span></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">2. 특정 클라이언트 또는 모두에서 알람을 알려줄 수 있다.</span></span></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">3. 실시간 게임 어플리케이션</span></span></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">4. 소션 네트워크 웹사이트</span></span></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">5. 관리자 또는 맴버들이 또 다른 관리자 및 맴버들과 통신 할 수 있는 의견 게시판들을 구현가능하다.</span></span></p><p><br></p><p><br></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">아래 화면은 asp.net SignalR 을 실행 할 경우 화면 내용입니다.</span></span></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><img alt="Develop a web form application" height="559" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.codeguru.com%2Fimagesvr_ce%2F6844%2FSignalR-Figure01.png" width="516" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; max-width: 598px; height: auto; color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"></span></span></p><p><br></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">이를 구현하기 위해, 아래의 사이트에서 설치 하길 바랍니다.</span></span></p><p><br></p><div class="txc-textbox" style="border: 1px solid rgb(203, 203, 203); background-color: rgb(255, 255, 255); padding: 10px;"><p><span style="font-size: 10pt;"><a href="http://www.asp.net/vnext/overview/latest/aspnet-and-web-tools-20122-release-notes-rtw#_Installation" target="_blank" class="tx-link"><span style="font-family: Gulim, 굴림;">http://www.asp.net/vnext/overview/latest/aspnet-and-web-tools-20122-release-notes-rtw#_Installation</span></a><span style="font-family: Gulim, 굴림;"></span></span><span style="font-size: 10pt; font-family: Gulim, 굴림;"></span></p></div><p><br></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">설치 후 , vs 에 템플릿을 제공해 줍니다.</span></span></p><p><br></p><p><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><img alt="Add New Item" height="365" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.codeguru.com%2Fimagesvr_ce%2F1401%2FSignalR-Figure02.png" width="649" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; max-width: 598px; height: auto; color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"></span></span></p><p><br></p><p><br></p><p><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">SignalR Hub Class 를 선택하여 아래와 같이 구현합니다.</span></span></span></p><p><font color="#000000" face="Arial, sans-sarif, serif"><span style="line-height: 20px;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">여기서 </span></span></span></font><span style="color: rgb(0, 0, 0); font-family: Gulim, 굴림; line-height: 20px; font-size: 10pt;">Microsoft.AspNet.SignalR 의 namespace 를 사용합니다. </span><span style="color: rgb(0, 0, 0); font-family: Gulim, 굴림; line-height: 20px; font-size: 10pt;">이러한 메소드는 클라이언트 측 스크립트에서 호출 할 수 있습니다. SignalR hub는 응용 프로그램에 대한 높은 수준의 RPC 프레임 워크를 제공합니다. 또한 스크립트 폴더 아래 특정 스크립트 파일을 찾을 수 있습니다.</span></p><p><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><br></span></p><p><ol class="linenums" style="margin-top: 0px; margin-right: 1em; margin-bottom: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 0); font-family: monospace; line-height: 20px; white-space: pre; margin-left: 3em !important;"><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">namespace</span></span></span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">SignalRDemo</span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">{</span></span></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">public</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">class</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">MyHub1</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">:</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">Hub</span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">{</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="kwd" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136); font-family: Gulim, 굴림;">public</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="kwd" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136); font-family: Gulim, 굴림;">void</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="typ" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 0, 102); font-family: Gulim, 굴림;">Hello</span><span class="pun" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 102, 0); font-family: Gulim, 굴림;">()</span></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">{</span></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">Clients</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">All</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">hello</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">();</span></li><li class="L7" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">}</span></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">}</span></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span style="background-color: transparent; color: rgb(102, 102, 0); font-size: 9pt;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">}</span></span></span></li></ol><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><img alt="Additional scripts" height="110" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.codeguru.com%2Fimagesvr_ce%2F7047%2FSignalR-Figure03.png" width="222" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; max-width: 598px; height: auto; color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"></span></span></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><span style="color: rgb(102, 102, 0); font-family: monospace; line-height: 20px; white-space: pre;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">아래 코드를 hub class 에 추가합니다.</span></span></span></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><ol class="linenums" style="margin-top: 0px; margin-right: 1em; margin-bottom: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: monospace; line-height: 20px; white-space: pre; margin-left: 3em !important;"><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; list-style: none outside;"><span class="kwd" style="color: rgb(0, 0, 136); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">public</span></span></span><span class="pln" style="color: rgb(0, 0, 0); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="kwd" style="color: rgb(0, 0, 136); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;">void</span><span class="pln" style="color: rgb(0, 0, 0); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 10pt; font-family: Gulim, 굴림;">SendNotifications</span><span class="pun" style="color: rgb(102, 102, 0); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="kwd" style="color: rgb(0, 0, 136); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;">string</span><span class="pln" style="color: rgb(0, 0, 0); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;"> message</span><span class="pun" style="color: rgb(102, 102, 0); background-color: transparent; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-size: 10pt; font-family: Gulim, 굴림;">)</span></li><li class="L1" style="color: rgb(0, 0, 0); margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">{</span></span></span></li><li class="L2" style="color: rgb(0, 0, 0); margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">Clients</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">All</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">receiveNotification</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">message</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">);</span></li><li class="L3" style="color: rgb(0, 0, 0); margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">}</span></span></span></li></ol></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> Global.asax 에 아래와 같은 코드를 입력합니다.</span></span></span></div><div><span style="color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"><br></span></div><div><ol class="linenums" style="margin-top: 0px; margin-right: 1em; margin-bottom: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 0); font-family: monospace; line-height: 20px; white-space: pre; margin-left: 3em !important;"><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">protected</span></span></span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">void</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">Application_Start</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">object</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> sender</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">,</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">EventArgs</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> e</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">)</span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">{</span></span></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">RouteTable</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">Routes</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="typ" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">MapHubs</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">();</span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">}</span></span></span></li></ol></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">이제 웹페이지를 하나 만들어서 자바스크립트를 구현합니다. 아래 코드는 입력한 값을 전송하는 방법입니다.</span></span></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">전송하기 위해 </span></span></span></font><span style="color: rgb(102, 102, 0); font-family: Gulim, 굴림; font-size: 13px; line-height: 20px; white-space: pre;">proxy.server.sendNotifications 메소드를 사용합니다.</span></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;">이는 관리자 페이지 하나를 만들어 특별히 통보하는용도로 구현된 것입니다. 전송하면 이를 통보받은 페이지를 만들어보죠.</span></span></span></font></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div><ol class="linenums" style="margin-top: 0px; margin-right: 1em; margin-bottom: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 0); font-family: monospace; line-height: 20px; white-space: pre; margin-left: 3em !important;"><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="dec" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><!DOCTYPE html></span></span></span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><html></span></span></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><head></span></span></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"><title></span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">Admin Form Sending Notifications</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"></title></span></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">src</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"/Scripts/jquery-1.8.2.min.js"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">></script></span></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">src</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"/Scripts/jquery.signalR-1.0.0.js"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">></script></span></strong></li><li class="L7" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">src</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"/signalr/hubs"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">></script></span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pln" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-family: Gulim, 굴림;"> </span><span class="tag" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-family: Gulim, 굴림;"><script</span><span class="pln" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-family: Gulim, 굴림;"> </span><span class="atn" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-family: Gulim, 굴림;">type</span><span class="pun" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-family: Gulim, 굴림;">=</span><span class="atv" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-family: Gulim, 굴림;">"text/xxjavascript"</span><span class="tag" style="font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-family: Gulim, 굴림;">></span></li><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> $</span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">function</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">()</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">{</span></strong></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">var</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> proxy </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">connection</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">notificationHub</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">;</span></strong></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"></strong></span></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> $</span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="str" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"#button1"</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">).</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">click</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">function</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">()</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">{</span></strong></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> proxy</span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">server</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">sendNotifications</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">$</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">(</span><span class="str" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"#text1"</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">).</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">val</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">());</span></strong></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">});</span></strong></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"></strong></span></span></li><li class="L7" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> $</span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">connection</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">hub</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;">start</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">();</span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">});</span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"></script></span></span></span></li><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"></head></span></span></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"><body></span></span></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"> </span></span></span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;"><input</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">id</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"text1"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102); font-size: 10pt; font-family: Gulim, 굴림;">type</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0); font-size: 10pt; font-family: Gulim, 굴림;">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0); font-size: 10pt; font-family: Gulim, 굴림;">"text"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; font-size: 10pt; font-family: Gulim, 굴림;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136); font-size: 10pt; font-family: Gulim, 굴림;">/></span><span class="tag" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136); font-family: Gulim, 굴림;"><input</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="atn" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 0, 102); font-family: Gulim, 굴림;">id</span><span class="pun" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 102, 0); font-family: Gulim, 굴림;">=</span><span class="atv" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 136, 0); font-family: Gulim, 굴림;">"button1"</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="atn" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 0, 102); font-family: Gulim, 굴림;">type</span><span class="pun" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 102, 0); font-family: Gulim, 굴림;">=</span><span class="atv" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 136, 0); font-family: Gulim, 굴림;">"button"</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="atn" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 0, 102); font-family: Gulim, 굴림;">value</span><span class="pun" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 102, 0); font-family: Gulim, 굴림;">=</span><span class="atv" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 136, 0); font-family: Gulim, 굴림;">"Send"</span><span class="pln" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; font-family: Gulim, 굴림;"> </span><span class="tag" style="background-color: transparent; font-size: 10pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136); font-family: Gulim, 굴림;">/></span></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"></body></span></span></span></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><span style="font-size: 10pt;"><span style="font-family: Gulim, 굴림;"></html></span></span></span></li></ol></div><div><font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div>아래는 관리자 분이 전송한 데이터를 실시간 통신으로 받는 페이지 입니다. <font color="#666600" face="monospace"><span style="line-height: 20px; white-space: pre;"><br></span></font></div><div>이를 받기 위해 proxy.client.receiveNotification 함수를 사용합니다.</div><div><br></div><div><ol class="linenums" style="margin-top: 0px; margin-right: 1em; margin-bottom: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 0); font-family: monospace; line-height: 20px; white-space: pre; margin-left: 3em !important;"><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="dec" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);"><!DOCTYPE html></span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><html></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><head></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><title></span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">Client Form Receiving Notifications</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"></title></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"> </span><span class="tag" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136);"><script</span><span class="pln" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"> </span><span class="atn" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 0, 102);">src</span><span class="pun" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(102, 102, 0);">=</span><span class="atv" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 136, 0);">"/Scripts/jquery-1.8.2.min.js"</span><span class="pln" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"> </span><span class="tag" style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; color: rgb(0, 0, 136);">></script></span></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);">src</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"/Scripts/jquery.signalR-1.0.0.js"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">></script></span></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);">src</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"/signalr/hubs"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">></script></span></li><li class="L7" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><script</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);">type</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"text/xxjavascript"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">></span></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">function</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">()</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">{</span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">var</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> proxy </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">connection</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">notificationHub</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">;</span></strong></li><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"></strong></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> proxy</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">client</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">receiveNotification </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="kwd" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">function</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">message</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">)</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">{</span></strong></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="str" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"#container"</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">).</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">html</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">message</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">);</span></strong></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="str" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"#container"</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">).</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">slideDown</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="lit" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 102, 102);">2000</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">);</span></strong></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="background-color: transparent; font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> setTimeout</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">(</span><span class="str" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">'$("#container").slideUp(2000);'</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">,</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="lit" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 102, 102);">5000</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">);</span></strong></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">};</span></strong></li><li class="L6" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"></strong></li><li class="L7" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> $</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">connection</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">hub</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">.</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;">start</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">();</span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">});</span></strong></li><li class="L8" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="font-size: 9pt; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"></script></span></li><li class="L0" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"></head></span></li><li class="L1" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><body></span></li><li class="L2" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"><div</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);">class</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"notificationBalloon"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 0, 102);">id</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(102, 102, 0);">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 136, 0);">"container"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);">></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent;"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"></div></span></li><li class="L3" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span style="background-color: transparent; color: rgb(0, 0, 136); font-size: 9pt;"></body></span></li><li class="L5" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); list-style: none outside;"><span class="tag" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 136);"></html></span></li></ol></div><div><br></div><div><br></div><div><br></div><div>관리자 페이지를 열고 글자를 기재 후 작성버튼을 선택하면, 다수의 사용자 페이지들에 해당 글이 전송되어 리스트에 보여줍니다.</div><div><br></div><div><img alt="Develop a web form application" height="559" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.codeguru.com%2Fimagesvr_ce%2F6844%2FSignalR-Figure01.png" width="516" style="font-size: 13px; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; max-width: 598px; height: auto; color: rgb(0, 0, 0); font-family: Arial, sans-sarif, serif; line-height: 20px;"></div><div><br></div><div><br></div><div>감사합니다.</div><div><br></div><div><br></div></p>
<!-- -->
]]>
첫댓글 와우 아주 좋네요 활용도가 높을것 같습니다
^^
수동으로 추가하는 방법보다는 누겟에서 signalr core 패키지를 설치하는 것이 더 좋아용
빈 웹프로젝트 추가 후 signalr sample 패키지를 추가하시면 더 좋은 셈플을 볼 수 있습니당
좋은 정보 감사욤^^*
와... 이런 글 보면 왠지 모르게 자꾸 처지는 느낌이 들어요 ㅠㅠ;...
잘보고 갑니다. 감사합니다.
:)
오...
:)
오 웹쳇팅이 쉽겠네요. 좋은 정보 감사해요. 재운님은 아는 것도 많으셔 ~ ^^
자주 오세욤 ㅎㅎ
실시간 채팅 때문에 node.js를 보긴 봤는데, ASP.NET MVC로 구현하면 더 깔끔할듯 합니다.
좋은 정보 감사드립니다.
조언 감사합니당 :)
좋은 정보 감사합니다~~~~~~~~~~~!!!
네 ㅎ