Steady and right

뷰 템플릿 엔진인 타임리프에서 지원하는 주석과 타임리프가 이 주석들을 어떻게 처리하는지 살펴보고자 한다 타임리프에서 사용할 수 있는 주석은 표준 HTML 주석을 포함하여 총 3가지의 주석을 지원한다 Standard HTML Comments (표준 HTML 주석) 가장 기본적인 표준 HTML 주석의 경우 타임리프가 렌더링을 하지 않고 그대로 남겨둔다 (페이지 소스코드에서 확인 가능) Thymeleaf Parser-Level Comment Blocks(타임리프 파서 주석) 타임리프 파서 주석은 타임리프의 진짜 주석이다, 렌더링 할 때 주석 부분을 제거한다 (페이지 소스코드에서 확인 불가능) Thymeleaf Prototype-Only Comment Blocks(타임리프 프로토타입 주석) 조금 특이한 프로토타..

타임리프의 조건식에 대해 살펴보겠다 타임리프가 제공하는 조건식은 대략 아래와 같다 • if : 자바의 if와 같음 해당 값이 맞으면 true 아니면 false • unless : if의 반대 • switch : 자바의 switch와 같이 맞는 case가 있으면 치환한다 Simple Conditionals : if & unless 타임리프 같은 경우 해당 조건이 맞지 않으면 태그 자체를 렌더링 하지 않는다 즉 아래의 if 혹은 unless의 결과가 false가 나올 시 해당 태그 자체가 렌더링 되지 않고 사라진다 (생략) count username age userCount username age (생략) Switch Statements 자바의 Switch문처럼 해당 case값이 있으면 그 값이 렌더링되며 ..

(참고: Spring Boot를 기준으로 작성된 글입니다) 타임리프에서 다양한 객체 값들을 바인딩하는 방법들을 정리해보고자 한다 아래와 같이 객체를 생성하였다, 이 객체를 다양한 방식으로 전송하여 타임리프에서 어떻게 꺼내볼 수 있는지 방법별로 살펴보자 @Data public class UserDTO { private String name; private int age; } Object (객체) - 서버 @Controller public class ExampleController { @GetMapping("/objects") public String objBinding(Model model) { UserDTO userDTO = new UserDTO(); userDTO.setName("userA"); use..

타임리프에서 th:each를 사용하면 반복문을 사용할 수 있다 또한 반복에서 사용할 수 있는 여러 상태 값을 함께 지원한다 Thymeleaf Iteration 마치 자바의 for each 문을 사용하듯 아래와 같이 작성하게 되면 반복문을 돌며 동적 HTML이 생성된다 //서버측 데이터 (생략) List list = new Arraylist(); list.add(new UserDTO("userA", 10)); // (username, age) list.add(new UserDTO("userB", 20)); list.add(new UserDTO("userC", 30)); model.addAttribute("userList, list"); (생략) //Thymeleaf (생략) username age user..

타임리프는 주로 HTML 태그의 th: xxx 속성을 치환하는 방식으로 동작한다 이때 기존 속성이 없으면 새로 만들어서 제공한다 이전 글들에서 th:text 또는 th:href 또한 이런 속성을 치환하는 방식으로 동작한 것이다 이번 글에서는 속성을 단순히 치환하는 것이 아닌 속성을 설정하는 방식을 살펴보겠다 Setting Attribute Values • th:attrappend : 속성 값의 뒤에 값을 추가한다 (append) 뒤에 붙기 때문에 꼭 앞에 띄어쓰기를 해주어야 정상적으로 append 된다 • th:attrprepend : 속성 값의 앞에 값을 추가한다 (prepend) 앞에 붙기 때문에 꼭 뒤에 띄어쓰기를 해주어야 정상적으로 prepend 된다 • th:classappend : 클래스 속성..

타임리프에서 사용되는 연산식에 대해 살펴보고자 한다 대부분 자바의 연산식과 비슷하기 때문에 간단히 살펴보겠다 Arithmetic Operation (산술 연산) result result Comparators and Equality (비교 연산) HTML 엔티티를 사용해야 하는 부분을 주의해야 한다 > (gt) , =(ge), result result result result Conditional Expressions (조건식) 조건식을 실행하여 true면 앞에 있는 값이 치환되어 출력, false면 뒤에 있는 값이 치환되어 출력 result Default Expressions .aka Elvis Operator (엘비스 연산) 조건식의 편의 버전이다 true면 해당 값을 출력하고 false면 뒤에 있는 ..