프로젝트 생성

학습 페이지

JDK11이상이 필요하다.

Untitled

이상의 라이브러리를 추가해줬다.

프로젝트를 새로 만들자.

앞으로 수많은 페이지들을 타임리프로 만들것이다. 편의를 위해 홈페이지를 만들자.

<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<ul>
 <li>텍스트
 <ul>
 <li><a href="/basic/text-basic">텍스트 출력 기본</a></li>
 <li><a href="/basic/text-unescaped">텍스트 text, utext</a></li>
 </ul>
 </li>
 <li>표준 표현식 구문
 <ul>
 <li><a href="/basic/variable">변수 - SpringEL</a></li>
 <li><a href="/basic/basic-objects?paramData=HelloParam">기본 객체들</
a></li>
 <li><a href="/basic/date">유틸리티 객체와 날짜</a></li>
 <li><a href="/basic/link">링크 URL</a></li>
 <li><a href="/basic/literal">리터럴</a></li>
 <li><a href="/basic/operation">연산</a></li>
 </ul>
 </li>
 <li>속성 값 설정
 <ul>
 <li><a href="/basic/attribute">속성 값 설정</a></li>
 </ul>
 </li>
 <li>반복
 <ul>
 <li><a href="/basic/each">반복</a></li>
 </ul>
 </li>
 <li>조건부 평가
 <ul>
 <li><a href="/basic/condition">조건부 평가</a></li>
 </ul>
 </li>
 <li>주석 및 블록
 <ul>
 <li><a href="/basic/comments">주석</a></li>
 <li><a href="/basic/block">블록</a></li>
 </ul>
 </li>
 <li>자바스크립트 인라인
 <ul>
 <li><a href="/basic/javascript">자바스크립트 인라인</a></li>
 </ul>
 </li>
 <li>템플릿 레이아웃
 <ul>
 <li><a href="/template/fragment">템플릿 조각</a></li>
 <li><a href="/template/layout">유연한 레이아웃</a></li>
 <li><a href="/template/layoutExtend">레이아웃 상속</a></li>
 </ul>
 </li>
</ul>
</body>
</html>

Untitled

각 페이지들이 보기 좋게 되었다..

타임리프 소개

학습 페이지

타임리프란?

세 가지 특징이 있다.

1️⃣ 서버사이드 렌더링(SSR)

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

2️⃣ 네츄럴 템플릿