내가보려고만든 메자노트

앞의 게시글에서는 websocket 사용 환경을 설정하고 stomp를 이용한 기본적인 구현을 해보았다. [spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-설정(1) [spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-STOMP채팅구현(2) 채팅방에 접속해서 사람들과 실시간 메시지 보내기, 받기 기능이 가능한 것 까지가 기본적인 구현이고, 채팅방으로서의 기능을 하려면 내가 채팅방에 접속하기 이전에 내용들도 당연히 볼 수 있어야 한다. 카카오톡 같은 채팅앱에서 위로 스크롤 시 이전 메시지를 불러오는데 이 기능이 바로 무한 스크롤(스크롤 페이징)이다. 기본 레이아웃 구성 채팅 div class = ". chatcontent" .chatcon..

이전 글에서 설정을 하고 온 후의 진행과정이다! 설정이 되어있지 않다면 ->설정 게시글 참고 [spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-설정(1) 프로젝트는 끝났지만 구현했던 기능들을 까먹지 않기 위해 정리해 보고자 한다! 프로젝트에서 채팅방마다 각 방 멤버들끼리의 채팅 기능이 필요했기에 실시간 채팅 기능을 도와주는 websocket에 technote-mezza.tistory.com websocket만으로도 채팅 구현은 가능했지만 좀 더 채팅 환경에 최적화시키고자 STOMP를 적용하여 구현하였다! STOMP란? simple text oriented messaging protocol의 약자이며, 텍스트 기반의 프로토콜이다. websocket은 연결된 socket에..

프로젝트는 끝났지만 구현했던 기능들을 까먹지 않기 위해 정리해 보고자 한다! 프로젝트에서 채팅방마다 각 방 멤버들끼리의 채팅 기능이 필요했기에 실시간 채팅 기능을 도와주는 websocket에 대해 공부하여 진행하였다. 방 번호마다 다른 url로 들어가면 번호로 방을 구별하여 socket에 연결하는 형식으로 구현하였다. *참고로 spring-legacy를 사용하였다. spring websocket 설정 -servlet-context.xml xmlns:websocket="http://www.springframework.org/schema/websocket" 이 코드를 servlet-context.xml main > webapp > resources > dist에 sockjs.min.js파일을 다운로드하여서 ..