[thymeleaf] 템플릿 조각 (layout) - 기존 jsp 에서는 tiles 라는 것을 이용해서 header, content, footer 등을 연결시킬 수 있었는데, 타임리프에는 템플릿 조각을 이어서 만들 수 있다. 📍 layout.html 📍 footer.html 푸터1111 📍 content 영역 +) content 영역에 다른 것을 넣게 되면, 모든 템플릿 조각을 다시 로드함.출처 : 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2024.07.10
[thymeleaf] null 값이 있으면 500 에러 나옴. 📍 에러 내용org.springframework.expression.spel.SpelEvaluationException: EL1007E: Property or field 'title' cannot be found on null 📍 postDTO에 값이 없을 수도 있잖아? 이렇게 수정하면 됨.출처 : https://pika-chu.tistory.com/675 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2024.07.09
[CSS] 일,월에만 다른 색깔 :: td:nth-child(7n) // 일요일 table tr:mth-child(7n+1) td:first-child{color:red;} // 토요일 table tr:mth-child(7n) td:first-child{color:blue;} https://equality37.tistory.com/m/11 front/HTML, CSS 2023.12.19
[jstl] 앞에 숫자 붙이기 https://hhhye.wordpress.com/2016/12/09/jstl-%ED%95%9C%EC%9E%90%EB%A6%AC-%EC%88%AB%EC%9E%90-%EC%95%9E%EC%97%90-0%EB%B6%99%EC%9D%B4%EA%B8%B0/ front/HTML, CSS 2023.12.05
[JS & CSS] 클릭 시, 천천히 나타나기 효과 📍 하고자 한 것 ? 클릭 하면, "천천히 나타나기" 효과를 주고 싶었음.. 생각보다 어렵다.. ㅠ 📍 저 ⓘ 를 클릭하면 내용이 "천천히 나타난다" 📍 다시 ⓘ 를 클릭하면 내용이 "천천히 사라진다" // JS $(".ico_btn_board").click(function(){ $(".info_txt").removeClass("hidden_info"); $(".info_txt").toggleClass("appear_info disappear_info"); }); 정보 내용 표시 .hidden_info { display: none; opacity: 0; } .appear_info { animation: fade-in 0.25s; animation-fill-mode: forwards; display: in.. front/HTML, CSS 2023.05.24
[jstl] fn:length(Object item) 📍 ${fn:length(testList)} ? fn:length() 반환타입 int item이 배열이나 컬렉션이면 요소의 개수를, 문자열이면 문자의 개수를 반환 한다. // 2 ${fn:length(items)} // 3 ${fn:length(123)} // 5 ${fn:length(안녕하세요)} 출처 : https://pingfanzhilu.tistory.com/entry/JSPJSTL-fnlengthObject-item-%EC%82%AC%EC%9A%A9%EB%B2%95 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2023.05.08
[HTML] textarea :: (input type="text"와는 다름!) 📍 input 은 한줄로만 적을 수 있어서 자동 줄바꿈이 안 됨. 그래서 textarea 라는 거를 써야함. 📍 jsp 내용. 넘길 때는, input 과 동일하게 name="textarea_val" 로 넘기면 됨. ${status.count} 번 :: 📍 자바단에서 받을 때는 ? 기존 input 값 받는 것 처럼 request.getParameter 로 받아서 쓰면 됨. // JAVA 단. String trip_info_1 = request.getParameter("textarea_val"); 출처 : https://jamesyleather.tistory.com/305 https://offbyone.tistory.com/368 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2023.03.22
[CSS] hover 시 말풍선 효과 top_menu hover 하면 arrow_box 가 나온다. 한줄띄기 두줄띄기 bodyArea 출처 : https://nanati.me/css-balloons-menu/ https://velog.io/@97godo/CSS-%EB%A7%88%EC%9A%B0%EC%8A%A4-hover%EC%8B%9C-%EB%A7%90%ED%92%8D%EC%84%A0-%ED%9A%A8%EA%B3%BC-%EB%82%98%ED%83%80%EB%82%B4%EA%B8%B0 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2023.02.07
[CSS] 틀 고정(행 또는 열 고정) 📍 table.testTb thead.testTb { position: sticky; top: 0; } [출처] : https://www.codingfactory.net/13033 개발 공부를 위한 블로그 입니다. 오류가 있다면 댓글로 알려주세요! 감사합니다. front/HTML, CSS 2022.11.10