만약 제이쿼리(jQuery)를 사용하여 long polling을 구현할 경우 간단한 예제는 아래와 같습니다.(function poll() { $.ajax({ url: '/api/', type: 'GET', dataType: 'json', success: function() { console.log('success'); }, timeout: 3000, complete: setTimeout(function() { poll(); }, 6000) })})();위 코드는 서버와 통신하여 값을 받은 경우 다시 정해진 6초 후에 poll() 함수를 호출하여 지속적인 통신이 가능하도록 한 long polling 코드의 하나입니다. code snippet widget
2017-04-06 20:29:21jQuery를 사용하여 비동기 통신 AJAX를 사용할때 대기시간을 설정할 수 있습니다. 이 값을 설정하면 대기하는 시간이 지날 경우 에러 등의 상태로 전환하게 됩니다.알려진바로는 timeout의 기본값은 브라우저 및 환경에 따라 각기 다르다고 합니다.대기시간을 설정하는 이유는 통신 지연등의 이유도 있지만 Long polling이라는 방식에서도 사용됩니다. 이는 연결 대기시간을 늦추어 완벽하지는 않지만 게속 통신이 가능하도록 유지하는 방법 중 하나입니다.그럼 아래는 jQuery에서 AJAX의 대기시간을 설정하는 예제입니다. 이때 timeout 값을 설정하도록 합니다.# 제이쿼리 AJAX의 대기시간 설정 예제보기 $.ajax({ url: '/blog/', type: 'get', dataType: 'json', timeout: 3000});위 예제는 timeout을 3초로 설정하였습니다.
2017-04-06 20:20:39채팅 프로그램을 웹을 사용하여 구현하려면 html5의 웹소켓(websocket)이 먼저 떠오를 것이다. 웹소켓을 사용하여 브라우저를 통한 TCP 방식의 양방향 서비스를 비교적 간단하게 구현할 수 있겠지만 이전에는 어떻게 구현했을까? 그리고 어떤 고민이 있었을지 함께 고민해보고자 한다.# 채팅 프로그램의 구현실시간 채팅 프로그램이 정상적으로 동작하기 위해서 무엇이 필요할까? 우선 아래의 항목들이 요구될 것이다.1. 지속적인 양방향 통신2. 수 많은 사용자 지원3. 빠른 통신 속도위 세가지 중에서 1번은 실제 어플리케이션으로써의 구현을... 그리고 2, 3번은 처리 속도 및 성능과 관련이 있다.# 지속적인 양방향(bi-directional) 통신채팅은 클라이언트와 서버가 계속해서 메시지를 주고 받아야한다. 1대 다수... 즉, 한대의 서버와 수 많은 사용자가 연결되어 있기 때문에 서버에서는 채팅방에 실제 채팅이 발생(누군가 메시지를 전송)하는 경우 전달받은 데이터를 저장하면 가장 큰 역
2017-02-10 19:06:31
