반응형 jQuery12 [JavaScript] Owl Carousel 사용하기 Owl Carousel 은 태그 콘텐츠 또는 이미지를슬라이드로 보여주는 jQuery 플러그인 이다 jQuery 플러그인 이기 때문에 당연히 jQuery 가 들어가 있어야 한다간단한 테스트를 위해 cdn 을 사용하였고, 필요에 따라 다운로드해서 사용하면 된다 https://owlcarousel2.github.io/OwlCarousel2/ Home | Owl Carousel | 2.3.4Modules and Plugins Owl Carousel supports plugin modular structure. Therefore, you can detach plugins that you won't use on your project or create new ones that fit your needsowlc.. 2025. 8. 4. [JavaScript] Ajax 옵션 beforeSend 를 이용한 Loading 만들기 https://icons8.kr/icons/set/loading-gif Loading gif 아이콘, 로고, 기호 – PNG, SVG 무료 다운로드웹, 모바일, 그래픽 디자인 프로젝트를 위한 여러 디자인 스타일의 iOS, Material, Windows의 Loading gif 아이콘을 무료로 받아보세요. 무료 이미지들은 픽셀 단위로 정교하며, PNG 및 벡터로 제공되어 어icons8.kr위의 사이트에서 gif 를 다운로드하였다 https://greed-yb.tistory.com/253 [SpringBoot] 외부 파일 불러오기기본적으로 /resources/static/ 폴더 안에 파일을 읽어오지만그 외의 외부폴더에서 파일을 참조할 경우 보안상의 문제로 파일을 불러오지 않는다 파일이 동적으로 생성.. 2025. 5. 5. [Java] ExcelUpload - AJAX 파일 업로드 이전글https://greed-yb.tistory.com/236 [Java] ExcelUpload - 파일 읽고 DB에 insert 하기Java 17 Maven Spring Boot 3.0.3 Oracle 11g IntelliJ Ultimate DBeaver SpringBoot 환경에서 메서드만 이용하여 Excel Upload 기능 할 일이 있어서 테스트 Class 에서 진행하였다 main 메서드를 이용해서 하려면 Junit 을 이용greed-yb.tistory.com poi 추가 org.apache.poi poi 3.8 org.apache.poi poi-ooxml 3.8 html + js change 함수를 사용했으나 본인 상황에 맞춰서 click 등으로 변경할 것 controlleri.. 2025. 4. 8. [JavaScript] 파일선택 시 이미지 미리보기(FileReader) 이미지를 업로드 하기 전에 미리보고 싶은 경우가 있다매번 base64 로 인코딩 하기도 번거로운데 좋은 함수가 있더라 이미지 표시 FileReader 를 이용하여 선택한 이미지를 바로 변환시킨다이미지가 아닌 경우 이미지가 나오지 않으니 중간에 검증 로직은 꼭 추가 해야 할것! 2025. 2. 22. [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. 이전 1 2 다음 반응형
