타임리프 classappend

타임리프를 사용하면서 동적으로 클래스를 추가해주고싶은 경우가 있을 것이다. 예를 들어 값이 1이면 클래스를 추가하고 2면 클래스를 추가하고 이런식으로 말이다. 

 

그럴 때 타임리프에선 classappend라는 기능을 제공한다.

 

<a th:classappend="${notice} == 1 ? 'notice'">공지사항</a>

위의 예제는 notice의 값이 1이면 notice라는 클래스를 추가하는 문법이다.

 

나의 경우 공지사항을 상단에 노출시키고 노출시킨 공지사항만 색을 칠해주고 싶었다. 

 

이와 같은 문법으로 th:errorclass 라는 문법도 존재한다. errorclass 는 BindingResult 값으로 에러가 넘어오면 클래스를 추가해주는 문법이다. 자세한 내용은 아래의 게시글을 참고하자

https://coding-review.tistory.com/72

스프링 Validation