반응형 JavaScript35 [SpringBoot] WebSocket 채팅방 구현(5) - service 이전글https://greed-yb.tistory.com/283 [SpringBoot] WebSocket 채팅방 구현(4) - controller이전글 https://greed-yb.tistory.com/282 [SpringBoot] WebSocket 채팅방 구현(3) - html , js이전글https://greed-yb.tistory.com/281 [SpringBoot] WebSocket 채팅방 구현(2) - WebSocketConfigJava 로 구현WebSocketConfigimport org.springframewogreed-yb.tistory.com serviceimport com.example.practice.vo.UserVo;import com.example.practice.vo.messe.. 2024. 8. 18. [SpringBoot] WebSocket 채팅방 구현(3) - html , js 이전글https://greed-yb.tistory.com/281 [SpringBoot] WebSocket 채팅방 구현(2) - WebSocketConfigJava 로 구현WebSocketConfigimport org.springframework.context.annotation.Configuration;import org.springframework.web.socket.config.annotation.EnableWebSocket;import org.springframework.web.socket.config.annotation.WebSocketConfigurer;import org.springfgreed-yb.tistory.com html 메신저 .. 2024. 8. 18. [SpringBoot] WebSocket 채팅방 구현(1) - 구현 화면 사용 중Bootstrap v4.6.0DataTables org.springframework.boot spring-boot-starter-websocket CSS 및 Class 명까지 그대로 올리니 나중에 구현할 때 감안할 것 직원 목록 및 채팅방 목록을 DataTables 로 구현하였으니DataTables 을 사용하지 않는 경우 DataTables 을 구현 시 row 에 추가하는 태그들을 참고하길 바란다 구현 화면 예시 메시지가 오면 해당 모양이 빨간색으로 변경되고 메시지 수가 올라간다메시지 이모티콘 클릭 시 오른쪽에서 메신저창이 나오도록 구현하였다 더블클릭 시 대화창으로 변경되며, 이전 대화방이 있다면 대화내용을 불러온다 메시지가 오면 실시간으로사내 메신저 아래 .. 2024. 8. 17. [JavaScript] jQuery 를 이용한 Enter key 적용하기 입력필드에서 데이터를 전송하거나 동작할 때 마우스로 버튼을 클릭하는게 아닌키보드의 Enter 키를 눌렀을 때 동작 할 수 있게 Enter 를 인지하게 해주는 코드다 $(document).ready(function() { $("#text").on("keyup", function (event){ if (event.key === 'Enter' || event.keyCode === 13) { alert("Enter Key를 눌렀습니다."); } })}); 2024. 8. 2. [SpringBoot] 메뉴 계층형 구조 만들기(CheckBox, 전체 선택/해제) https://greed-yb.tistory.com/275 [SpringBoot] DataTable 이용하여 추가,수정,삭제 구현하기https://greed-yb.tistory.com/252 [SpringBoot] DataTable(JavaScript) - 적용하기이전글 이어서https://greed-yb.tistory.com/251 [SpringBoot] Thymeleaf - layout 적용하기https://greed-yb.tistory.com/218#google_vignette [Spring] Bootstrap SB Admingreed-yb.tistory.com이전글에 기능에 연관되어 있어서 참고 바란다 완성 화면 html .. 2024. 7. 31. [SpringBoot] DataTable 이용하여 추가,수정,삭제 구현하기 https://greed-yb.tistory.com/252 [SpringBoot] DataTable(JavaScript) - 적용하기이전글 이어서https://greed-yb.tistory.com/251 [SpringBoot] Thymeleaf - layout 적용하기https://greed-yb.tistory.com/218#google_vignette [Spring] Bootstrap SB Admin 2 설치하기 https://greed-yb.tistory.com/209 [SpringBoot+IntelliJ+Oracle+Thymelgreed-yb.tistory.comDataTable 적용은 이전글을 참고하길 바란다 html 권한 .. 2024. 7. 26. 이전 1 2 3 4 5 6 다음 반응형