웹 서버, 클라이언트 프로그램을 통해 실시간 센서 데이터를 추출하기 위해 서버로부터 센서 데이 터를 비동기 방식으로 수신하는 웹 어플리케이션을 Ajax, Socket.io, WebSocket으로 구현하여 네트워 크 트래픽과 응답지연시간을 비교 분석하였다. 센서 데이터 추출을 위한 임베디드 시스템, 웹서버, 클 라이언트 웹 어플리케이션으로 구성되어 있으며, 임베디드 시스템에서 센서 데이터를 추출 한 후 웹 서버의 데이터베이스에 주기적으로 기록하게 되고 데이터베이스에 저장된 센서 데이터를 클라이언트 요청(Ajax)과 서버 Push(Socket.io, Websocket)방식으로 클라이언트에게 전달하게 된다. 비교 분석을 통해 Ajax기술은 빠르고 일정한 주기가 있는 데이터의 수신일수록 긴 응답지연시간과 헤더의 양이 증가하였고, 요청 단계가 생략된 Socket 기반 웹 통신기술은 Ajax기술에 비해 짧은 응답 지연시간과 헤더의 크기가 작아지는 것으로 보였다. Ajax를 이용한 비동기 통신보다 Socket.io, WebSocket 방식의 통신 방법이 전송 속도 및 응답 지연시간에 좋은 모습을 보였다.
In order to extract real-time sensor data through web server and client program, web application that receives sensor data asynchronously from server is implemented as Ajax, Socket.io, and WebSocket to compare network traffic and response delay time. It consists of an embedded system for sensor data extraction, a web server, and a client web application. After extracting sensor data from the embedded system, it periodically records the data in the database of the web server. Server Push(Socket.io, Websocket) method is delivered to the client. As a result of comparison analysis, Ajax technology increased the response delay time and header amount as the data received with a fast and constant period increased, and Socket based web communication technology omitting the request step had shorter response delay time and header. It seemed to be smaller in size. Socket.io and WebSocket communication methods showed better transmission speed and response delay than asynchronous communication using Ajax.
1. 서론 2. 웹 통신에서 비동기 통신 기술 3. 성능 분석 4. 성능 측정 5. 결 론 References
