'web socket'에 해당되는 글 1건

  1. 2010.01.29 구글 크롬 브라우저, HTML5의 Web Socket 기능 지원 (6)
구글 크롬 개발자 채널 버전 4.0.249.0.에서 Web Socket을 기본기능으로 지원하기 시작했다. Web Socket은 웹을 위한 TCP로 W3C에서 HTML5의 일부분으로 표준 개발이 진행되고 있는 차세대 양방향 통신 기술이다.

Web Socket API는 웹 응용이 서버측의 프로세스와 직접적으로 양방향 통신을 가능하게 한다. 개발자는 이런 기능을 위해 XMLHttpRequest(XHR)을 사용해 왔으나 XHR은 웹 응용이 서버와 통신할 때 불필요한 복잡성을 만들었다. XHR은 기본적으로 비동기 HTTP(Asynchronous HTTP)이기 때문에 서버에서 브라우저로 데이터를 전달하기 위해 긴 세션을 유지하는 GET(long-handling GET)을 사용해야 하기 때문에 간단한 일을 복잡하게 처리해야 했다. 이와는 반대로 Web Socket은 브라우저에서 실제로 양방향 통신 채널을 제공한다. 일단 Web Socket을 획득하면, 응용은 send() 메소드를 이용해서 브라우저에서 서버로 데이터를 전송할 수 있고, onmessage event handler를 이용해서 서버에서 브라우저로 전송하는 데이터를 받을 수 있다. 간단한 예는 아래와 같다.


if ("WebSocket" in window) {
  var ws = new WebSocket("ws://example.com/service"); 
  ws.onopen = function() {
  // Web Socket is connected. You can send data by send() method.
  ws.send("message to send"); ....
};
  ws.onmessage = function (evt) { var received_msg = evt.data; ... };
  ws.onclose = function() { // websocket is closed. };

else {
  // the browser doesn't support WebSocket.
}

Web Socket API와 더블에 브라우저가 서버와 통신을 하기위한 Web Socket Protocol이라는 새로운 프로토콜이 있다. 이 프로토콜은 브라우저의 "same-origin" 보안 모델을 제공해야 하기 때문에 우리가 알고 있는 TCP 형태가 아니다. 또한 이는 web socket 트래픽은 HTTP의 요청-응답 모델이 아니기 때문에 HTTP도 아니다. 새로운 프로토콜을 이용하는 Web Socket 통신은 GET을 가지고 연속적인 XHR을 사용하지 않고 단일 커넥션이 연결된 후에는 헤더 교환이 필요없기 때문에 더적은 Bandwidth를 사용한다. 따라서 이러한 새로운 API와 프로토콜을 사용하면 간단한 프로그램밍 모델과 네트웍 트랙픽에 효과적인 장점이 있다. 이를 위해서는 새로운 서버 구현이 필요하지만 아파치 확장 모듈로 사용 하거나 독립적으로도 실행할 수 있는 pywebsocket [3]이 이미 개발되어 있어 있다.

구글 크롬과 pywebsocket을 사용해서 Web Socket을 이용한 웹 응용을 지금 개발할 수 있다.



참고문헌

신고
Posted by 이원석(wonsuk73@gmail.com)

댓글을 달아 주세요

  1. doctors note 2012.02.29 23:26 신고  댓글주소  수정/삭제  댓글쓰기

    저는 최근 블로그를 통해 와서 함께 읽고있다. 내가 처음으로 덧글을 남길 것입니다 생각합니다. 내가 읽고 즐기고있다는 점을 제외하고 말을해야할지 모르겠어요. 블로그가 멋지 네요. 나는 자주이 블로그를 방문하도록 노력하겠습니다.

  2. sacoche longchamp 2013.04.22 02:15 신고  댓글주소  수정/삭제  댓글쓰기

    전통발효식품으로 쌀 위주인 한국

  3. massagem tailandesa 2014.04.14 23:42 신고  댓글주소  수정/삭제  댓글쓰기

    난 당신이 게시 새로운 물건 좀 봐 할 인터넷 사이트를 당신이 즐겨 찾기 되요.

  4. acompanhantes em sp 2014.04.30 06:36 신고  댓글주소  수정/삭제  댓글쓰기

    미디어가 보여질 때 이들의 픽셀을 캔

  5. massagista 2014.05.14 12:52 신고  댓글주소  수정/삭제  댓글쓰기

    기고있다는 점을 제외하고 말을해야할지 모르겠어요. 블로그가 멋지 네요.



티스토리 툴바