th:each 란? "th:each"는 반복문 속성(attribute) 중 하나이다 이 속성은 HTML 요소에 추가되어 반복적으로 동일한 요소를 생성하고 데이터의 목록 또는 배열을 순회하면서 각 항목을 처리할 수 있도록 지시하며, "th:each" 속성을 사용하면 템플릿에서 동적으로 목록을 렌더링하거나 반복 작업을 수행할 수 있다. 사용법 1. home.html를 만들어 렌더링해줄 수 있게 로직을 작성한다. 0~9의 리스트를 addAttribute에 같이 담아준다. @GetMapping("/") public String home(Model model) { List integers = IntStream.range(0, 10).boxed().toList(); model.addAttribute("items",..

프론트를 구성할 때 Thymeleaf를 주로 사용하는데 레이아웃을 나눌 땐 replace, fragment 를 사용해서 나눈다. 항상 쓸 때마다 검색을 해서 다시 사용법을 확인하는데 찾아보기 힘들어 이제 정리좀 하려고한다. 정의 Fragment "th:fragment" 속성은 템플릿 내에서 명명된 fragment를 정의할 때 사용하며, fragment를 정의한 후, 다른 템플릿에서 "th:replace"나 "th:include"와 함께 해당 fragment를 사용할 수 있다. Replace 해당 속성을 포함한 HTML 요소를 다른 템플릿으로 대체하도록 지시하며, 헤더 또는 푸터와 같은 공통 요소를 별도의 템플릿으로 분리하고, 각 페이지에서 "th:replace"를 사용하여 이러한 공통 요소를 삽입하는 데..