Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
일 월 화 수 목 금 토
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 more
Archives
Today
Total
관리 메뉴

개발자되기 프로젝트

[Thymeleaf] 연산 본문

인프런/[인프런] 스프링 MVC 2

[Thymeleaf] 연산

Seung__ 2021. 9. 18. 22:36
  • 연산을 HTML안에서 사용하기 때문에 HTML엔티티 사용하는 부분을 조심해야함.
  • < , > 등과 같은 기호를 태그 시작/끝 으로 인식하지 안도록 HTML 엔티티 사용 필요.

1. Controller

    @GetMapping("/operataion")
    public String operation(Model model){
        model.addAttribute("nullData", null);
        model.addAttribute("data", "Spring!");
        return "basic/operation";
    }

 

 

2. operation.html

  • 비교연산: HTML 엔티티를 사용해야 하는 부분을 주의하자,
    • > (gt), < (lt), >= (ge), <= (le), ! (not), == (eq), != (neq, ne)
  • 조건식: 자바의 조건식과 유사하다.
  • Elvis 연산자: 조건식의 편의 버전, 데이터 없을 경우 사용
    • <span th:text="${data}?: '데이터가없습니다.'">
      data가 있으면 ${data}출력 data 없으면  '데이터가없습니다.' 출력
  • No-Operation: _ 인 경우 마치 타임리프가 실행되지 않는 것 처럼 동작한다. 
  • 이것을 잘 사용하면 HTML  의 내용 그대로 활용할 수 있다.  
    •  <li>${data}?: _ = <span th:text="${data}?: _">데이터가 없습니다.</span></li>
      Elvis연산자가 적용된다. data가 있을 경우 ${data}, 없을경우 _ 가 선택된다. 
      이 경우 data가 존재하기 때문에 ${data}가 출력된다.
    • <li>${nullData}?: _ = <span th:text="${nullData}?: _">데이터가없습니다.</span></li>
      Elvis연산자가 적용된다. data가 있을 경우 ${data}, 없을경우 _ 가 선택된다. 
      이 경우 data가 존재하지 않기 때문에 _ 가 선택된다.
      _ 가 선택 되었기 때문에 타임리프가 적용되지 않는다. 
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>산술 연산
        <ul>
            <li>10 + 2 = <span th:text="10 + 2"></span></li>
            <li>10 % 2 == 0 = <span th:text="10 % 2 == 0"></span></li>
        </ul>
    </li>
    <li>비교 연산
        <ul>
            <li>1 > 10 = <span th:text="1 &gt; 10"></span></li>
            <li>1 gt 10 = <span th:text="1 gt 10"></span></li>
            <li>1 >= 10 = <span th:text="1 >= 10"></span></li>
            <li>1 ge 10 = <span th:text="1 ge 10"></span></li>
            <li>1 == 10 = <span th:text="1 == 10"></span></li>
            <li>1 != 10 = <span th:text="1 != 10"></span></li>
        </ul>
    </li>
    <li>조건식
        <ul>
            <li>(10 % 2 == 0)? '짝수':'홀수' = <span th:text="(10 % 2 == 0)?'짝수':'홀수'"></span></li>
        </ul>
    </li>
    <li>Elvis 연산자
        <ul>
            <li>${data}?: '데이터가 없습니다.' = <span th:text="${data}?: '데이터가없습니다.'"></span></li>
            <li>${nullData}?: '데이터가 없습니다.' = <span th:text="${nullData}?:'데이터가 없습니다.'"></span></li>
        </ul>
    </li>
    <li>No-Operation
        <ul>
            <li>${data}?: _ = <span th:text="${data}?: _">데이터가 없습니다.</span></li>
            <li>${nullData}?: _ = <span th:text="${nullData}?: _">데이터가없습니다.</span></li>
        </ul>
    </li>
</ul>
</body>
</html>

 

 

3. Elvis연산자???

  • Elvis연산자는 아래의 삼항 연산자를 단축해서 사용하는 것으로 볼 수 있다.
  • x = f? f : g
    x=f 참이면 f 실행, 아니면 g실행
  • x = f? : g
    x=f 참이면 f 실행, 아니면 g 실행
  • <span th:text="${data}?: '데이터가없습니다.'">
    타임리프 에서는 ${data}가 존재하면 ${data} 아니면 '데이터가없습니다.'

 

 

4. GitHub : 210918 Operation

 

GitHub - bsh6463/Thymeleaf

Contribute to bsh6463/Thymeleaf development by creating an account on GitHub.

github.com

 

'인프런 > [인프런] 스프링 MVC 2' 카테고리의 다른 글

[Thymeleaf] 반복, each  (0) 2021.09.18
[Thymeleaf] 속성 값 설정  (0) 2021.09.18
[Thymeleaf] Literal  (0) 2021.09.18
[Thymeleaf] URL 링크  (0) 2021.09.18
[Thymeleaf] 유틸리티 객체, 날짜  (0) 2021.09.18
'인프런/[인프런] 스프링 MVC 2' Related Articles more
Comments