백엔드 프레임워크 & 언어/SpringBoot 2

Thymeleaf 기본문법

표현식: (태그는 div가 아니여도 html에서 지원하는 태그면 상관없다.) 1. th: text 태그 안의 텍스트를 서버에서 전달 받은 값에 따라 표현하고자 할 때 사용된다. 1.1 사용예시 message (이 경우 서버에서 hello라는 변수가 있을 경우 message의 자리를 변수값으로 대체하게 된다.) 2. th:utext 변수에서 받은 값에서 html태그가 있다면 태그값을 반영해서 표시해준다 (th:text와의 차이는 사용 예시 참고) 2.1사용 예시 서버에서 받은 hello값이 Hello World!일 때 th:text의 경우 [Thymeleaf 템플릿 내의 코드] message [실제 웹브라우저에 표시되는 내용] Hello World! (태그값을 인식하지 않고 그대로 텍스트로 인식해서 출력한..

Thymeleaf

Thymeleaf란? '템플릿 엔진'의 일종. html 태그에 속성을 추가해 페이지에 동적으로 값을 추가하거나 처리할 수 있다. 타임리프를 통해 속성을 대체할 수 있는데, 아래 예제를 살펴보자. input 태그는 th:value를 통해 item이라는 변수에 값이 존재하면 해당 값을 세팅해준다. 만약 item이 존재하지 않으면 value="test"를 통해 "test"라는 문자열을 세팅해준다. (= th:xxx가 붙은 부분은 서버 사이드에서 렌더링 되어 기존 것을 대체하고, th:xxx이 없으면 xxx 속성이 그대로 사용) 타임리프를 통해 렌더링 된 html 페이지를 열어도 웹 브라우저는 th: 속성을 알지 못한다. 크롬 개발자 도구우클릭 - 페이지 소스 보기실제 소스 코드 Thymeleaf 사용하기 th..

반응형