Thymeleaf15 [Thymeleaf] 텍스트 (text) 1. text 텍스트를 출력하는 기능 HTML의 컨텐츠(content)에 데이터를 출력할 때는 th:text를 사용한다. Example model.addAttribute("data", "Hello Spring!"); (1) th:text 사용 (2) [[..]] 사용 HTML 태그의 속성이 아니라 HTML 콘텐츠 영역안에서 직접 데이터를 출력하고 싶다면 [[...]]를 사용한다. [[${data}]] th:text, [[...]]는 둘 다 기본적으로 Escape를 제공한다. * 이스케이프 (Escape) 특수 문자를 HTML로 변환하는 행위 HTML 문서는 같은 특수 문자를 기반으로 정의된다. 뷰 템플릿으로 HTML 화면을 생성할 때는 출력하는 데이터에 이러한 특수 문자가 있는 것을 주의해서 사용해야 한.. 2022. 1. 25. [Thymeleaf] 타임리프란? '뷰 템플릿 엔진'으로 벡엔드 쪽에서 클라이언트에게 응답할 브라우저 화면을 만들어 주는 역할을 한다. 1. 타임리프 특징 (1) 서버 사이드 HTML 렌더링 (SSR) 타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용된다. (2) 내추럴 템플릿(Natural Templates) 타임리프는 순수 HTML을 최대한 유지하는 특징이 있다. 타임리프 작성한 파일은 HTML을 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있고, 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과를 확인할 수 있다. HTML을 그래로 유지하면서 뷰 템플릿도 사용할 수 있는 타임리프의 특징을 내추럴 템플릿(natural templates)이라 한다. (3) 스프링 통합 지원 타임리프는 .. 2022. 1. 24. Thymeleaf 사용법 1. 타임리프 사용 선언 2. 속성 변경 - th:href (1) 핵심 th:xxx가 붙은 부분은 서버사이드에서 렌더링 되고, 기존 것을 대체한다. th:xxx이 없으면 기존 html의 xxx속성이 그대로 사용된다. HTML을 파일로 직접 열었을 때, th:xxx가 있어도 웹 브라우저는 th: 속성을 알지 못하므로 무시한다. 따라서 HTML을 파일 보기를 유지하면서 템플릿 기능도 할 수 있다. (2) Example EX) href="../css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" href="value1"을 th:href="value2"의 값으로 변경한다. 타임리프 뷰 템플릿을 거치게 되면 원래 값을 th:xxx값으로 변경한다. 만약 값이 없다.. 2021. 9. 19. 이전 1 2 3 다음 반응형
