반응형 bootstrap16 [SpringBoot] WebSocket 채팅방 구현(1) - 구현 화면 사용 중Bootstrap v4.6.0DataTables org.springframework.boot spring-boot-starter-websocket CSS 및 Class 명까지 그대로 올리니 나중에 구현할 때 감안할 것 직원 목록 및 채팅방 목록을 DataTables 로 구현하였으니DataTables 을 사용하지 않는 경우 DataTables 을 구현 시 row 에 추가하는 태그들을 참고하길 바란다 구현 화면 예시 메시지가 오면 해당 모양이 빨간색으로 변경되고 메시지 수가 올라간다메시지 이모티콘 클릭 시 오른쪽에서 메신저창이 나오도록 구현하였다 더블클릭 시 대화창으로 변경되며, 이전 대화방이 있다면 대화내용을 불러온다 메시지가 오면 실시간으로사내 메신저 아래 .. 2024. 8. 17. [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] Chart.js 를 이용하여 실시간 바 차트 구현하기 이전글https://greed-yb.tistory.com/270 [SpringBoot] Chart.js 를 이용하여 실시간 (반도넛)차트 구현하기Chart.js https://www.chartjs.org/ Chart.jsSimple yet flexible JavaScript charting library for the modern webwww.chartjs.org 나는 npm, CDN 방식이 무슨 이유인지 계속 오류가 나서 직접 다운로드를 하였다 greed-yb.tistory.com다운로드 및 적용방법은 이전글을 참고하길 바란다 controllerimport org.springframework.web.bind.annotation.GetMapping;import org.spring.. 2024. 7. 17. [SpringBoot] Chart.js 를 이용하여 실시간 라인 차트 구현하기 이전글https://greed-yb.tistory.com/270 [SpringBoot] Chart.js 를 이용하여 실시간 (반도넛)차트 구현하기Chart.js https://www.chartjs.org/ Chart.jsSimple yet flexible JavaScript charting library for the modern webwww.chartjs.org 나는 npm, CDN 방식이 무슨 이유인지 계속 오류가 나서 직접 다운로드를 하였다 greed-yb.tistory.com다운로드 및 적용방법은 이전글을 참고하길 바란다 controllerimport com.sun.management.OperatingSystemMXBean;import org.springframework... 2024. 7. 17. [SpringBoot] Chart.js 를 이용하여 실시간 (반도넛)차트 구현하기 Chart.js https://www.chartjs.org/ Chart.jsSimple yet flexible JavaScript charting library for the modern webwww.chartjs.org 나는 npm, CDN 방식이 무슨 이유인지 계속 오류가 나서 직접 다운로드를 하였다 폴더의 다른 파일들은 필요 없고 chart.js 파일들만resources/static 경로로 넣어준다 연결해서 사용할 파일은chart.umd.js 다 처음 압축 파일을 다운로드 했을때 chart.js 를 사용해 보았는데 함수가 제대로 사용되지 않았고 chart.umd.js 을 사용하니 정상 동작하였다chart.min.js 가 없어서도 당황했는데 chart.js 마저 동작하지 않아.. 2024. 7. 16. [SpringBoot] 로그인 시 아이디 기억하기(쿠키 적용) Security 가 적용되어 있다 보니 Token 을 설정할지DB에 저장해서 기억할지 고민하다 쿠키를 적용하였다 html - 로그인 form 아이디 저장하기 LoginBootstrap 적용으로 input checkbox id 가 "remember-me" 로 되어 있다편한 대로 지정하면 된다 javascript TEST 체크 후 로그인을 시도하면 입력한 id를 cookie에 설정한다입력한 패스워드가 틀렸거나 로그아웃하여 로그인 페이지로 다시 오게 되면입력한 id가 세팅된다. 2024. 7. 10. 이전 1 2 3 다음 반응형
