Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- transaction
- Spring Boot
- 그리디
- JDBC
- pointcut
- Thymeleaf
- 자바
- 김영한
- springdatajpa
- http
- 스프링 핵심 원리
- db
- Android
- 백준
- Exception
- 알고리즘
- Proxy
- java
- SpringBoot
- 인프런
- kotlin
- jpa
- QueryDSL
- AOP
- 스프링
- 스프링 핵심 기능
- spring
- JPQL
- Servlet
- Greedy
Archives
- Today
- Total
개발자되기 프로젝트
Thymeleaf 소개 본문
- 공식 사이트: https://www.thymeleaf.org/
- 공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
- 공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html
1. 서버사이드 HTML 랜더링(SSR)
- Thymeleaf는 백엔드 서버에서 HTML을 동적으로 랜더링 하는 용도로 사용함.
2. Natural Template
- Thymeleaf는 순수 HTML을 최대한 유지함.
- HTML을 유지하기 때문에 웹 프라우져에서 HTML을 직접 열어도 확인 가능.
- 서버를 통해 view template를 거치면 동적으로 반영 가능.
- 순수 HTML을 유지하면서 view template도 사용할 수있는 특징을 Natural Template라고 함.
3. Spring 통합 지원
- Thymeleaf는 Spring과 자연스럽게 통합되고, 스프링의 다양한 기능을 사용할 수 있도록 지원함.
4. 기본 기능
4.1 Thymeleaf 사용 선언
<html xmlns:th="http://www.thymeleaf.org">
4.2 기본 표현식
- 간단한 표현:
- 변수 표현식: ${...}
- 선택 변수 표현식: *{...}
- 메시지 표현식: #{...}
- 링크 URL 표현식: @{...}
- 조각 표현식: ~{...}
- 리터럴
- 텍스트: 'one text', 'Another one!',…
- 숫자: 0, 34, 3.0, 12.3,…
- 불린: true, false
- 널: null
- 리터럴 토큰: one, sometext, main,…
- 문자 연산:
- 문자 합치기: +
- 리터럴 대체: |The name is ${name}|
- 산술 연산:
- Binary operators: +, -, *, /, %
- Minus sign (unary operator): -
- 불린 연산:
- Binary operators: and, or
- Boolean negation (unary operator): !, not
- 비교와 동등:
- 비교: >, <, >=, <= (gt, lt, ge, le)
- 동등 연산: ==, != (eq, ne)
- 조건 연산:
- If-then: (if) ? (then)
- If-then-else: (if) ? (then) : (else)
- Default: (value) ?: (defaultvalue)
- 특별한 토큰:
- No-Operation: _
'인프런 > [인프런] 스프링 MVC 2' 카테고리의 다른 글
[Thymeleaf] 유틸리티 객체, 날짜 (0) | 2021.09.18 |
---|---|
[Thymeleaf] 기본 객체들 (0) | 2021.09.18 |
[Thymeleaf] 변수, SpringEL (0) | 2021.09.18 |
[Thymeleaf] Text, uText (0) | 2021.09.17 |
프로젝트 생성 (0) | 2021.09.17 |
Comments