우리 졸업 프로젝트는 간단히 말해 p2p 환전 매칭 플랫폼이다. 외화를 구매하는 사람들에게 판매자를 추천해주고, 구매자가 자신이 마음에 드는 판매자에게 채팅을 보내는 구조를 포함한다. 채팅 기능은 웹소켓을 사용하여 구현되며, 이를 통해 실시간 메시지 송수신이 가능하다. 이번 글에서는 프론트엔드에서 채팅 메시지를 주고받는 코드를 구현한 과정을 설명해보려 한다. 우선, 웹소켓이란 무엇인가? 웹소켓은 서버와 클라이언트 간의 양방향 통신을 가능하게 하는 프로토콜이다. HTTP 통신은 클라이언트의 요청에 서버가 응답하는 방식이라, 실시간으로 데이터를 주고받기 어렵다. 반면, 웹소켓은 서버와 클라이언트 사이의 지속적인 연결을 유지해 주기 때문에, 실시간 데이터 전송에 적합하다. 나는 실시간 채팅 기능을 구현하기..