일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- html
- linux
- Eclipse
- php
- 자바
- 자바스크립트
- 제이쿼리
- 공모주 청약 일정
- Stock
- 맥
- 주식 청약
- 리눅스
- 공모주 청약
- 코드이그나이터
- 7월 공모주 청약 일정
- 주식 청약 일정
- IPO
- Oracle
- SQL
- codeigniter
- MYSQL
- 공모주
- css
- 오라클
- 6월 공모주 청약 일정
- 주식
- java
- JavaScript
- Stock ipo
- jquery
- Today
- Total
목록개발/thymeleaf (25)
개발자의 끄적끄적
[thymeleaf] 타임리프 th:classappend 동적으로 클래스 추가하기 타임리프에서 현재 페이지 값 혹은 넘겨받은 값을 기준으로 조건에 맞으면 클래스를 추가하는 경우가 있습니다. 그럴때 아래처럼 사용하면 됩니다. 넘겨받은 data 의 값이 1 이거나 2일 경우 각각 다른 div를 th:classappend 를 사용하여 on 라는 클래스를 추가하는 내용입니다. 참고들 하세요!!
[thymeleaf] 타임리프 태그 클래스 추가 th:classappend 사용법 및 예제 타임리프에서 현재 페이지 값 혹은 넘겨받은 값을 기준으로 클래스를 추가하는 경우가 있습니다. 그럴때 아래처럼 사용하면 됩니다. th:classappend 를 사용하여 넘겨받은 data 라는 클래스명을 추가해주는 방식입니다. 참고들 하세요!!
[thymeleaf] 타임리프 레이아웃 dependency 추가 방법 타임리프에서 레이아웃을 구성하고 싶을때, thymeleaf-layout-dialect 을 사용합니다. 하지만 위 내용을 사용하기 위해서느 dependency 를 먼저 추가해야 합니다. implementation('nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect') 각자 properties 설정에 따라 dependency 추가 방법은 차이가 있겠지만, 제 개발 환경은 gradle 환경이라 gradle dependency에 위 내용을 한줄 추가하고 싱크 받으니 정상적으로 사용이 가능했습니다! 참고들 하세요!
[thymeleaf] 타임리프 switch case 사용법 및 예제 타임리프에서 switch case 문을 사용하는 방법입니다. aa bb 위 내용을 보시면 아시겠지만, switch case 문으로 제어할 태그를 th:block 로 설정하고 그 안에 코드를 작성하면 됩니다. 위 내용은 data 라는 변수의 값이 a 이거나 b 일때 동작하는 예제 입니다. 참고들 하세요!
[thymeleaf] 타임리프 if unless 사용법 및 예제 타임리프에서 if else 를 사용하는 방법입니다. 위 내용을 보시면 아시겠지만, if else 가 if unless 로 바뀐 거라고 보시면 되구요! 여기서 주의할점은 if 의 조건과 unless 의 조건을 동일하게 적어주어야 정상적으로 동작한다는 점입니다! 참고들 하세요!
[thymeleaf] 타임리프 문자열 합치는 방법 타임리프에서 문자열을 합칠때 사용하는 방법입니다. 위 내용을 보시면 아시겠지만, th:text 안에 | 로 감싸서 합칠 문자열을 입력하면 됩니다! 참고들 하세요!
[thymeleaf] 타임리프 temporals.day 사용법 및 예제 타임리프에서 날짜 형식을 출력하고자 할때 termporals 를 사용하는데요 그중에서 일만 출력하는 방법입니다. ${#temporals.day(날짜변수)} 위 내용 보시면 아시겠지만, temporals.day 를 사용하시면 됩니다! 참고들 하세요!