<aside>
💡 Thymeleaf
</aside>
- 타임리프는 스프링 부트에서 공식적으로 지원하는 View 템플릿이다.
- JSP와 달리 Thymeleaf 문서는 html 확장자를 갖고 있어 JSP처럼 Servlet이 문서를 표현하는 방식이 아니기 때문에 서버 없이도 동작 가능하다.
- 즉, '**템플릿 엔진’**의 일종으로 html 태그에 속성을 추가해 페이지에 동적으로 값을 추가하거나 처리할 수 있다.
타임리프를 통해 속성을 대체할 수 있다.
Ex>
<input type="text" value="test" th:value="${item}">
*<!--th:value 타임리프의 문법을 이용해 value 설정-->*
- input 태그는 th:value를 통해 item이라는 변수에 값이 존재하면 해당 값을 세팅해준다.
- 만약 item이 존재하지 않으면 value="test"를 통해 "test"라는 문자열을 세팅해준다.
- (= th:xxx가 붙은 부분은 서버 사이드에서 렌더링 되어 기존 것을 대체하고, th:xxx이 없으면 xxx 속성이 그대로 사용)
<aside>
💡 템플릿 엔진?
</aside>
지정된 템플릿 양식과 데이터가 합쳐져 html 문서를 출력하는 소프트웨어.
- 서버에서 DB 또는 API 등을 통해 가져온 데이터를 미리 정의된 템플릿에 넣어 html을 그려내 클라이언트에 전달해준다.
- 즉, html 코드에서 고정적으로 사용되는 부분은 템플릿으로 만들어두고 동적으로 생성되는 부분만 템플릿 특정 장소에 끼워넣는 방식으로 동작할 수 있게 해준다.
장점