반응형 JavaScript25 [Mybatis + Pageable] 게시판 페이징 처리 이전글https://greed-yb.tistory.com/298 [Html + Javascript + Ajax + Paging] 게시판 페이징 처리이전글https://greed-yb.tistory.com/209 [SpringBoot+IntelliJ+Oracle+Thymeleaf+Paging] 웹 게시판 만들기(1) - 구성Java 17 Maven Spring Boot 3.0.3 Oracle 11g IntelliJ Ultimate DBeaver 간단한 CRUD 만 구현해 놓았으며 순서대로 만들greed-yb.tistory.com pom.xml org.springframework.data spring-data-commons controller@Controllerpublic class WebControl.. 2024. 10. 18. [Html + Javascript + Ajax + Paging] 게시판 페이징 처리 이전글https://greed-yb.tistory.com/209 [SpringBoot+IntelliJ+Oracle+Thymeleaf+Paging] 웹 게시판 만들기(1) - 구성Java 17 Maven Spring Boot 3.0.3 Oracle 11g IntelliJ Ultimate DBeaver 간단한 CRUD 만 구현해 놓았으며 순서대로 만들면서 올리려고 하였으나 시행착오가 생각보다 많이 생겨서 다 만들고서 완성본을 올린다 메서greed-yb.tistory.com DataTables 는 자체적으로 페이징 처리를 해주고Thymeleaf 방식으로 페이징 처리는 이전글에서 다뤄보았다.Pageable 을 다뤄보기 전에 정리 한번 해보려 한다. Controller@Controllerpublic class .. 2024. 10. 16. [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. 이전 1 2 3 4 5 다음 반응형
