728x90

front 48

[thymeleaf] 템플릿 조각 (layout)

- 기존 jsp 에서는 tiles 라는 것을 이용해서 header, content, footer 등을 연결시킬 수 있었는데, 타임리프에는 템플릿 조각을 이어서 만들 수 있다. 📍 layout.html   📍 footer.html 푸터1111   📍 content 영역    +) content 영역에 다른 것을 넣게 되면, 모든 템플릿 조각을 다시 로드함.출처 :    개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다.

front/HTML, CSS 2024.07.10

[slick.js] 페이지 번호, arrow 위치 수정, 일시정지 기능

// js $(document).ready(function(){ // 초기 설정값. $(“.slide_test”).slick({ dots : false, infinite : true, slidesToShow : 1, slidesToScroll : 1, autoplay : true, prevArrow : $(“#arrow_prev”), nextArrow : $(“#arrow_next”), autoplaySpeed : 5000, swipe : false }); // 시작시킴. $(“.slide_test”).init(); // 페이지 번호 표시하기 위함. $(“.slide_test”).on(“init reInit afterChange”, function(event, slick, currentSlide, nex..

front/JS 2024.01.31

[JS] 동적으로 전역변수로 선언해서, 동일 팝업창 제어하기

처음에는 eval() 로 하려고 했는데, eval 은 전역변수로 이미 선언이 되어 있는 거에 바꿔치기 할 수 있는 거라서, 내가 원하는 데로 안되더라… ㅠㅠ 그래서 찾아보다 eval 대신에 window[] 를 사용 했음. openPopup(“/custom/getInfo.do?mid=0001”, “_blank”, “”); // 첫번째 탭으로 계속 바뀜. openPopup(“/custom/getInfo.do?mid=0002”, “_blank”, “”); // 두번째 탭으로 계속 바뀜. function openPopup(url, type, size){ var winPopId = “winPopId”+ (url.split(“?”)[1]).replace(“mid=“, “winPopId”); console.log(w..

front/JS 2023.12.24

[jquery] 특정 영역을 벗어나서 클릭하면 영역이 사라지게 함.

$(document).on(“mouseleave”, “.lay_popup_div.open”, function(){ var lypop = $(“.lay_popup_div”); $(document).one(“click”, function(e){ var clickArea = $(e); var targetArea = clickArea[0].target; if( !$(targetArea).is(“.click_title, .title”) && lypop.hasClass(“open”) ){ closeFnc(); } }); }); https://hianna.tistory.com/492 [Javascript] 마우스 이벤트(event) 종류마우스 이벤트의 종류를 알아보고, 각 이벤트들이 언제 어떻게 동작하는지 정리해 보..

front/JS 2023.12.23

[JS, jQuery] window.open(url, windowName) windowName 안됨

팝업창에 name을 아무리 설정해도 안됨. 방법 1. var winOpen = window.open(“”, “test123”, popUpOpt); winOpen.document.write(“test321321”); 이렇게 하면,, 팝업창에 url 이 없어서 , about_black; 로 나와버림.. ㅠ ————-————-————-————- 방법 2. var winOpen = window.open(url, ‘’, popupOpt); setTimeout ( () => { let title = document.creatElement(“title”); title.innerHTML = “테스팅“; winOpen.document.getElementByTagName(“head”)[0].append(title); } ..

front/JS 2023.12.13
728x90