2022-12-20 1. 방법 th:each 와 th:text를 사용하면된다. th:each 에서 list 형 객체를 가져오고 이 객체를 alias 설정 후에 th:text 에 담아서 데이터를 출력해주면 된다. 메인 이미지 출처 : Photo by Jane Duursma on Unsplash
2022-12-13 1. fragment insert와 replace를 사용하기 전에 이 두 키워드를 통해 불러올 fragment를 먼저 설정해 주어야 한다. head.html 위의 html 파일에서 중요한 부분은 이 부분이다. 해당 영역이 thymeleaf의 fragment가 되어 다른 thymeleaf 파일에서 import 할수 있는 태그가 된다. nav.html Test 네비게이션 역할을 할 태그 도 하나의 fragment로 지정해 주었다. 2. insert / replace fragment로 지정한 thymeleaf의 fragment는 두 가지 방법으로 import 할 수 있다. 첫 번째는 insert 다 insert는 th:insert="html/nav.html :: navFragment"라고 ..
2021-08-28 switch 구문은 th내부에서도 바로 사용할 수 있다. th:switch를 선언한 상위 태그 안에 하위 태그마다 th:case의 조건을 넣어두어 각 조건에 맞는 개발자가 원하는 내용을 넣을 수 있다. 바로 예제를 살펴보도록 하자. -소스코드 유저라는 하나의 DTO or VO(객체)가 있다고 예를 들어보자 해당 객체에는 gender라는 필드 값이 있고 이 안에는 M(남자) 또는 W(여자)라는 하나의 문자만을 가지도록 제한되어 있다고 가정하자. 사용자 입장에서는 단순 문자를 바로 보여주는 것보다. 한글로 표현해주는게 조금 더 가독성이 높기 때문에 치환을 시켜주는 게 좋을 것이다. 이럴 때 타임리프의 switch를 사용하는 것이 좋다. 아래를 보자. 남자 여자 상위 태그 div 안에 th..
2021-08-14 thymeleaf에서 전달받은 파라미터 정보가 null일 때와 "" (빈 문자열) 여부를 체크해 주어 클라이언트에게 보이는 정보를 다르게 표현해야 하는 경우가 있다 이러한 경우 어떻게 처리해야 하는지 알아보자. - 소스코드 위의 코드를 보자 여기서 null과 ""를 체크하는 코드는 바로 ${not #strings. isEmpty(user.id)} 이 부분이다. #strings. isEmpty는 유저라는 객체의 아이디가 null이거나 빈문열일 경우 true 반환하게 된다. 앞에 not을 붙여주면 반대로 파라미터의 정보가 있을 때 true를 반환한다. 반면에 null과 "" 일 경우의 특정값을 출력하고 싶으면 위와 같은 형식으로 나타내 주면 된다. 메인 이미지 출처 : Photo by T..