타임리프 - 기본기능

2421 단어 SpringThymeleafSpring

프로젝트 생성

스킵스

세팅

Gradle -> IntelliJ IDEA
Plugin -> Lombok 체크
Annotation Processors -> 체크

타임리프 소개

공식 사이트: https://www.thymeleaf.org/
공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html

타임리프 특징

서버 사이드 HTML 렌더링(SSR)

타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용된다.

네츄럴 템플릿

타임리프는 순수 HTML을 최대한 유지하는 특징이 있다. JSP의 경우 파일 자체를 그대로 웹 브라우저에서 열면 JSP 코드와 HTML이 뒤죽박죽 섞여서 정상적인 HTML 결과를 확인할 수 없으나, 타임리프로 작성한 파일은 웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있다.

이렇게 HTML을 유지하면서 뷰 템플릿도 사용할 수 있는 특징을 네츄럴 템플릿이라고 한다.

스프링 통합 지원

잘되있다.

타임리프 사용 선언

<html xmlns:th="http://www.thymeleaf.org">

기본 표현식

  • 간단한 표현:
    ◦ 변수 표현식: ${...}
    ◦ 선택 변수 표현식: *{...}
    ◦ 메시지 표현식: #{...}
    ◦ 링크 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: _

좋은 웹페이지 즐겨찾기