반응형 Language/HTML, JavaScript50 Thymeleaf td 안에 <br/> 넣는 방법 [[${model.value}]] [[${model.value2}]] Thymeleaf에서 테이블 td 안에 을 넣어서 2줄을 만드려고 하면 td에 th:line="text"를 사용해준 후 중간에 을 넣어주면 된다 2022. 2. 23. css display visibility 차이 정리 HTML에서 CSS 사용 중 display 와 visibility를 사용해서 컴포넌트 숨김 / 노출 처리를 할 수 있는데 중간 컬러에 visibility : hidden 처리를 하고 하단 컬러에 display : none 처리를 했을 경우 위와 같이 적용이 되는 것이 보이는데 visibility의 경우에는 hidden 처리를 하면 공간은 그대로 유지하고 안의 요소들만 숨김 처리하지만 display의 경우에는 none 처리 시 공간까지 없었던 것 처럼 처리하게 된다 2022. 2. 14. Bootstrap Modal 닫을 시 입력값 초기화 방법 $('.modal').on('hidden.bs.modal', function (e) { $(this).find('form')[0].reset(); } $('#특정_modal만_적용시').on('hidden.bs.modal', function (e) { $(this).find('form')[0].reset(); }); Bootstrap에서 Modal을 닫을 경우 'hidden.bs.modal' 이벤트가 발생하게 되는데 입력값들을 form 안에 넣어준 후 form.reset()을 사용하면 form 안에 들어있는 값이 모두 초기화되는데 Modal 종료 시 form.reset()을 사용해주면 초기화를 할 수 있게 된다 코드로 보면 .modal 을 사용하면 모든 modal 창을 닫을 경우 form을 찾아 rese.. 2022. 2. 14. Thymeleaf if 조건 여러개 사용방법(and or) thymeleaf 에서 if에 조건을 여러개 걸어줄 경우에는 and와 or를 사용해주면 되는데 위 코드와 같이 th:if="조건1 and 조건2" 이런 식으로 확장시켜주면 된다 2022. 2. 10. Thymeleaf if 문자열 비교방법 th:if="${param} == 'Test'" Thymeleaf 사용 시 문자열을 비교하려고 하는데 실제 파라미터가 Test라고 하더라도 if가 동작을 하지 않는 것이 보인다 이게 출력을 해보면 Test 라고 찍히고 파라미터와 비교값을 숫자로 바꿔보면 정상적으로 작동하는데 문자열 비교 시에는 ${#string.equals(파라미터, '값')} 이런 식으로 사용해주면 된다 위 비교 내용을 string.equals를 바꿔보면 ${#strings.equals(param, 'Test')} 이런 식으로 문자열을 비교해주면 된다 2022. 2. 10. HTML select 선택한 value text 가져오는 방법 HTML에서 Select box의 Value와 text를 가져오려면 아래 방법을 사용해주면 된다 자바스크립트 사용 시 var sel = document.getElementById("selectId값"); var text= sel.options[sel.selectedIndex].text; var value = sel.options[sel.selectedIndex].value; JQuery 사용 시 $("#selectId값 option:selected").text(); $("#selectId값 option:selected").val(); 2022. 1. 26. 이전 1 2 3 4 5 ··· 9 다음 반응형
