HTML , CSS , JS (7) 썸네일형 리스트형 Bootstrap collapse 안될 때 bootstrap도 추가하고 collapse도 잘 썼는데 작동을 안해서 거의 한시간 가량 삽질했다. 결론부터 말하면 bootstrap 버전 문제였다. 5 버전을 쓰고있어서 안됐다. 5버전에서는 data-toggle => data-bs-toggle , data-target => data-bs-target 으로 바꿔줘야 동작한다. 참고 : https://stackoverflow.com/questions/22955916/bootstrap-collapse-not-collapsing Bootstrap Collapse not Collapsing I am trying to create a collapsable component using Bootstrap. My code is this th:each 역순으로 나타내기 List에 담아온 목록들을 역순으로 나타내고 싶을 때가 있다. 최근 등록한 게시물이 제일 앞으로 나타났으면 좋겠다. 현재 상태는 3번으로 등록한 게시물이 제일 나중에 나타나고 있다. th : with 와 #numbers.sequence(start, end, step)를 이용해서 역순으로 나타낼 수 있음. 위 그림과 같이 원하는 대로 3번 게시물이 제일 처음으로 온 것을 볼 수 있다. 참고 : https://devwithpug.github.io/spring/thymeleaf/ Thymeleaf - 유용한 문법 정리 개요 devwithpug.github.io 자식 창에서 submit 하고 창 닫을 때 submit 되지 않는 문제점 해결 자식창에서 window.close(); 를 하면 sumit이 되지 않는 문제점이 생겼다. 다른 창으로 submit 하고 현재 있는 창을 닫아서(?) 문제를 해결했다. 참조 : https://blog.naver.com/PostView.naver?blogId=dkfma4872&logNo=220724867357 팝업창 종료 후 부모창 새로고침(submit시 크롬에서 등록안되는부분 수정-iframe) 부모창 새로고침 opener.parent.location.reload(); 또는 opener.parent.location.href="부모창주소"; 팝업... blog.naver.com 1번 달력 value 값 설정 시 2번 달력의 min 값 자동 설정 _JS HTML 삽입 미리보기할 수 없는 소스 타임리프를 다운받으면 1번 달력의 min값은 내일 날짜로 설정 된다. 파일 업로드 용량 제한 HTML JS $("input[name=studyCoverUrl]").off().on("change", function(){ if (this.files && this.files[0]) { var maxSize = 1 * 1024 * 1024; var fileSize = this.files[0].size; if(fileSize > maxSize){ alert("첨부파일 사이즈는 1MB 이내로 등록 가능합니다."); $(this).val(''); return false; } } }); 적용 시 이미지 Checkbox 누르면 선으로 지워주는 기능 _html_css_js See the Pen 누르면 지워짐 by jootang2 (@jootang2) on CodePen. to do List 보여줄 때 사용한 기능 CheckBox 체크 시 보였다 안보였다 기능_html_js See the Pen Untitled by jootang2 (@jootang2) on CodePen. checkbox를 선택 시 보였다가 안보였다 기능 자주 쓰는 기능인데 맨날 찾아봐야해서 글 올립니다. 이전 1 다음
