HTML5 WebSocket 테스트 사이트 소개 기존 웹 페이지의 전형적인 브라우저의 양방향 통신 방법에 있어서 고전적인 Polling, long Polling, Streaming 등은 근본적으로 서버의 부담을 줄이고 빠른 응답속도 향상을 위한 기술의 발전으로 나아가고 있다고 볼 수 있습니다. 아쉽게도 클라이언트에서 송신하는 메시지를 서버측에서 실시간적인 빠른 응답처리는 서비스 상용화가 불가능했다고 볼 수 있습니다. 그래서 TCP Socket을 대신할 WebSocket 서비스를 통해서 서버와 클라이언트간의 향방향 통신을 가능하게 해주어 현재 많은 곳에서 서비스하고 있습니다. 현재 저도 Django + WebSocket을 활용한 실시간 데이터 학습 및 처리 기술에 관한 프로젝트 진행 중에 있습니다. 서버측..
Vue.js - WebSocket(웹 소켓) 안녕하세요. 오늘은 Vue.js 를 활용해서 간단한 웹 소켓을 구현해보겠습니다. WebSocket 기술은 쉽게 이야기 해서 서버 및 클라이언트 상호간의 양방향 실시간 데이터 전송을 가능하게 해주는 기술이라고 이해하시면 될 것 같습니다. HTTP와 같은 Long Polling 기술은 서버측에 많은 비용(Cost)를 주는 경향이 있지만, 웹 소켓을 활용한 적합한 환경에서의 기능 구현은 양방향 통신에 많은 장점을 가져다 주는 기술은 분명한 것 같습니다. 이전에 제가 웹 소켓에 대해서 자세하게 기술에 놓은 포스팅을 링크합니다. 웹 소켓 기술에 대해서 좀 더 자세히 알고 싶으신 분들은 아래 링크를 참조하세요. 기존 포스팅 참고 : 링크 그럼 이번 포스팅 시작해 보겠습니..
HTML5 WebSocket 기존 웹 페이지의 전형적인 브라우저 통신 및 렌더링 방식은 HTTP 요청(Request) 및 HTTP 응답(Response)을 사용한 방식입니다. 이 방식은 새로운 데이터를 받아서 DOM을 다시 렌더링 하거나, 또는 브라우저를 새로고침하여 전체를 렌더링 해서 클라이언트 브라우저에 표현하는 방식입니다. 원하는 부분만 실시간으로 상호 데이터를 교환하여 새로고침 없이 렌더링하는 기술로 발전하면서 비동기 통신이라는 기술을 많이 사용하고 있으며, 그 보다 더욱 효과적으로 실시간 데이터 처리 및 렌더링을 위해서 RIA(Rich Internet Application) 기술이 발달되고 있습니다. 위와 같은 맥락에서 클라이언트 브라우저와 웹 서버 사이에서 양방향 메시지 송수신 기술인 HTML..
![[좋은사람]](https://tistory1.daumcdn.net/tistory/1510577/attach/56b4c683045e4e5fb703da5a50954748){kind=small}