민스씨의 일취일장

WebSocket 통신을 위한 간단한 Flutter UI를 구성해 보았다.WebSocket - Flutter 프론트 구성하기1. Flutter 프로젝트 생성기본 프로젝트에 추가해 줄 의존성은 하나이다.web_socket_channelflutter pub add web_socket_channel2. UI 구성간단하게 버튼을 누르면 숫자를 서버로 보내서, 메시지를 받도록 구성해 보았다. 메시지를 받으면 숫자를 1씩 늘려줘 몇번 통신을 주고 받았는지 표시하였다.final WebSocketChannel channel = WebSocketChannel.connect(Uri.parse('ws://localhost:8080/ws'));var cnt = 1;@overrideWidget build(BuildCo..

WebSocket에 대해 공부한 내용이다.처음 공부하는 WebSocket WebSocket이란?WebSocket은 양방향 통신을 지원하는 프로토콜이다. 서버와 클라이언트 사이에서 실시간 데이터 교환이 필요한 경우 사용한다. 실시간 통신에 있어서 HTTP 보다 효율적이고, 지속적인 연결을 유지할 수 있다.WebSoket를 잘 이해하기 위해서 핵심 개념 3가지를 알아야 한다.핸드쉐이크 (Hand Shake)지속 연결 (Persistent Connection)이벤트 기반 통신 (실시간 제공 Real-Time Push)1.핸드 쉐이크 (Hand Shake)WebSockt 연결은 일반적인 HTTP 요청으로 시작되지만, 연결된 이후에는 지속적으로 연결을 유지한다. 처음 WebSocket 연결을 하기 위해선 여전히 ..