WebSocket을 활용해보기 위해서 업비트에서 제공하는 시세 Open API를 수신하여 실시간으로 비트코인 차트를 그렸다.

TCP 기반의 프로토콜로서, 기존의 일방향적인 HTTP 통신과 다르게 한 차례의 Handshake를 나눈 후에 서버와 클라이언트 간에 연결이 지속되어 양방향 통신이 가능하다. React에서 사용 시 리소스 누수를 방지하기 위해 반드시 종료 시 WebSocket을 Close해야 한다.

자세한 내용은 MDN을 참고한다.

KLineChart를 이용해 일자별로 봉이 그려지도록 하였다.

주식 시장과 다르게 장 마감이 없다는 특성을 고려해 시간대를 결정해 일자를 나누었다.

참고로 우리나라 주요 거래소마다 봉단위가 다르다.

업비트의 경우 우리나라 시간대 기준이나, 빗*의 경우에는 영국 표준시 기준으로 차트가 그려진다.