목록2024/06/19 (4)
사이먼's 코딩노트
[Ajax, Stomp 기반 멀티 채팅방 구현]저번 '멀티 채팅방 (2)' 포스팅에서 Ajax 기반의 멀티 채팅방을 구현하였다.하지만, Ajax를 적용했을 때 불필요한 데이터 전달때문에 서버 부하가 생길 수도 있다는 단점이 있다.해당 부분을 해결하기 위해서 웹 소켓을 사용해 볼 예정입니다.웹 소켓을 사용하면 브라우저와 서버간에 서로 데이터 전달을 하지 않고, 브라우저는 서버에게만 전달, 서버는 브라우저에게만 전달하는 형식이기 때문에 부하가 생기는 단점을 막을 수 있다.Stomp가 바로 그 웹 소켓 방식 중 하나라고 생각하면 좋다. [Stomp란?]Simple/Stream Text Oriented Message Protocol의 약어로 웹 소켓 위에서 동작하는 문자 기반 메세징 프로토콜로써 클라이언트와 서..
[Ajax, Stomp 기반 멀티 채팅방 구현]저번 '멀티 채팅방 (1)' 포스팅에 이어 ChatRoom과 ChatMessage 관련 MVC를 모든 구현하였다면 이제 템플릿을 통해 화면을 구현하고 실제로 JavaScript에 Ajax를 적용하여 실시간으로 채팅이 되는 것을 확인해봅시다.전체 코드와 패키지 구조는 깃허브 리포지터리 주소를 통해 참고 부탁드립니다.리포지터리 주소 : https://github.com/psm817/chat_review GitHub - psm817/chat_reviewContribute to psm817/chat_review development by creating an account on GitHub.github.com [list.html 생성]먼저 전체 채팅방 리스트를 보여..
[Ajax, Stomp 기반 멀티 채팅방 구현]이번 포스팅에서는 Ajax, Stomp 기반의 멀티 채팅방을 구현해 볼 예정입니다.전체 코드를 포스팅할 순 없기 때문에 전체 구조와 코드를 확인하시려면 리포지터리 주소를 참고 부탁드립니다.해당 프로젝트는 SpringBoot v_3.3.0, Java 21 기반으로 세팅되어 있습니다.리포지터리 URL 주소 : https://github.com/psm817/chat_review GitHub - psm817/chat_reviewContribute to psm817/chat_review development by creating an account on GitHub.github.com [Ajax란?]Ajax는 Asynchronous JavaScript and XML의..
[REST API 적용]저번 'REST API (3)' 포스팅에 이어서 REST API를 적용하기 위한 코드를 작성해봅시다.게시물 등록을 위한 Article MVC를 설계한 다음, 이제 실제로 게시물 CRUD를 REST API로 적용해봅시다.전체 코드와 패키지 구조는 깃허브 리포지터리 주소를 통해 참고 부탁드립니다.리포지터리 URL 주소 : https://github.com/psm817/jwt_review GitHub - psm817/jwt_reviewContribute to psm817/jwt_review development by creating an account on GitHub.github.com [ArticleController 생성]게시물 등록, 조회, 수정, 삭제를 위해서 ArticleCo..