728x90

front/HTML, CSS 13

[thymeleaf] 템플릿 조각 (layout)

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

front/HTML, CSS 2024.07.10

[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
728x90