리나 Dev토리

타임리프 Thymeleaf 코드 줄이기 본문

SpringBoot 개인플젝(TodayMaker)

타임리프 Thymeleaf 코드 줄이기

리나lina 2023. 4. 20. 04:50

할일 목록 페이지에서

우선순위에 저장된 값이 있으면 th:if 에 따라

해당 번호의 icon이 표시되게 하였다.

<div id="pri-btn-div">
    <a class="btn pa1" th:if="${row.priority == 1}">
        <i class="fa-solid fa-1 fa-xs"></i>
    </a>
    <a class="btn pa2" th:if="${row.priority == 2}">
        <i class="fa-solid fa-2 fa-xs"></i>
    </a>
    <a class="btn pa3" th:if="${row.priority == 3}">
        <i class="fa-solid fa-3 fa-xs"></i>
    </a>
</div>

나오긴 잘 나오는데, 

코드를 뭔가 더 효율적으로 줄이고 싶어서 

찾아보고 th:classappend 문법을 사용하여 코드를 줄여주었다.

가독성은 위에꺼가 더 좋은 것 같기도 하지만

아래 코드로 간결해져서 만족한다.

저작자표시 비영리 동일조건

'SpringBoot 개인플젝(TodayMaker)' 카테고리의 다른 글

CI/CD 성공기 - SpringBoot, AWS EC2, RDS, ALB, S3, Github Actions  (0) 2023.04.30
@SessionAttribute(name="userId", required = false)를 간결하게  (0) 2023.04.19
로직 구현 후 로그인 구현시 트러블슈팅  (2) 2023.04.17
갑자기 MySQL 연결이 안될때 Failed to load driver class com.mysql.cj.jdbc.Driver in either of HikariConfig class loader or Thread context classloader  (0) 2023.04.07
[트슈] IllegalStateException: Cannot call sendError() after the response has been committed  (0) 2023.04.06
'SpringBoot 개인플젝(TodayMaker)' Related Articles more
Comments