Spring Boot/thymeleaf (3) 썸네일형 리스트형 타임리프 스프링 통합 타임리프는 스프링 없이도 동작하지만 스프링과 통합을 위한 다양한 기능을 편리하게 제공한다 SpringEL 문법 통합 스프링 빈 호출 지원 th:object, th:field => 편리한 폼 관리를 위한 추가 속성 폼 컴포넌트 기능 입력 폼 처리 th:object form 태그에서 th:object를 통해 form에서 어떤 객체를 사용하는 지 설정할 수 있다. (서버에서 이 객체를 생성해서 넘겨주어야 한다) th:object="${item}으로 설정하면 form 태그 안에서 *{itemName}을 사용하면 타임리프가 알아서 ${item.ItemName}으로 해석해준다 th:field th:field를 사용하면 타임리프가 렌더링 할 때 field의 이름을 사용하여 알아서 id, name, value값을 설정.. 타임리프(thymeleaf) 템플릿조각 / 템플릿 레이아웃 타임리프를 이용하면 여러 페이지에 반복적으로 사용되는 내용을 쉽게 관리할 수 있다 템플릿 조각 템플릿 조각 생성 푸터 자리 입니다. 파라미터 자리 입니다. 푸터 태그로 다른 곳에 포함시킬 수 있는 코드 조각을 생성한다 th:fragment 속성에 지정된 이름을 이용해 다른 파일에서 사용한다 두번째와 같이 파라미터도 사용가능하다 템플릿 조각 사용 insert th:insert를 이용하면 사용한 자리에 그대로 템플릿 조각을 삽입한다. 부분 포함 insert ~{}는 fragment로 지정한 템플릿을 사용할 때 쓰이는 문법이다 ~{} 내부에 경로 :: fragment이름 으로 사용한다 ~{}는 생략 가능해서 로 사용할 수도 있다 위 코드 실행후 소스 보기를 하면 다음과 같이 div 태그는 그대로 있고 foot.. 타임리프 기본 표현식 타임리프란? 타임리프는 SSR(Server Side Render)을 하는 템플릿 엔진으로 백엔드 서버에서 HTML을 동적으로 렌더링 한다. 순수 HTML을 최대한 유지하기 때문에 html을 서버를 거치지 않고 직접 열어도 내용을 확인할 수 있다(당연히 동적으로 렌더링되지 않음) => 이처럼 순수 html을 그대로 유지하면서 뷰 템플릿도 사용할 수 있는 특징을 내츄럴 템플릿이라고 함 스프링의 기능을 편리하게 사용할 수 있다. 보통 간단한 화면을 구현할 때 사용된다 html 문서에 선언을 추가하여 사용할 수 있다 타임리프의 기본 표현식 1. 텍스트 출력 타임리프는 기본적으로 html 태그에 th: 로 시작되는 기능을 속성으로 추가하여 사용할 수 있다 텍스트 출력은 th:text 를 사용한다 10"> 1 > .. 이전 1 다음