Thymeleaf란?

MINK·2023년 2월 17일
0
post-thumbnail

프로젝트를 진행하는 도중 Html을 사용하면서 appkey를 properties에서 꺼내써야하는데 어떻게 쓰는 지 몰라서 검색하다가 th에대한 내용을 공부하기로 함.

# 플젝에 사용할 코드
<script th:src="@{'//dapi.kakao.com/v2/maps/sdk.js?'+'appkey='+${@environment.getProperty('appKey')}}"></script>

공식문서

Thymeleaf란?

웹 및 독립 실행형 환경 모두를 위한 최신 서버 측 Java 템플릿 엔진이다. HTML에서 정적 프로토타입으로 작동하여 계속 유지되게 합니다.

정적(static), 동적(dynamic)

static : 움직이거나 변하지 않는

한 번 정해놓으면 변하지 않고 계속 유지되는 성질

dynamic : 끊임 없이 변하거나 발달하는

상황에 따라서 실시간으로 변하는 성질

공식문서에서는 정적에대한 내용으로만 설명이 되어서 정적으로 데이터를 불러오면 프로젝트에서 Db데이터들을 전달할 수 없지 않을까?라는 의문이 들어서 검색했는데 해당 글을 보고 이해가 되었다.

정적, 동적 리소스

예시

정적 리소스는 페이지에서 고정되는 ex) 네이버 검색창 등이고

동적 리소스는 ex) 실시간으로 업로드되고 변하는 정보와같은 날씨 또는 유튜브 등이다.

템플릿 엔진(Template Engine)

  • 웹 서비스를 만들 때에는 서버의 데이터와 정적자원(html, css, image)을 조합해야 하낟.
  • 서버에서 데이터를 보내 웹 서비스를 만드는 방법에는 크게 2가지
    • SPA(Single Page Application)
    • SSR(Server Side Rendering) -> 최초 한번 전체페이지를 다 불러오고 응답데이터만 페이지 특정부분 렌더링
  • 전통적인 웹 애플리케이션 방식. 요청시마다 서버에서 처리한 후 새로고침으로 페이지에 대한 응답.
profile
parkminkyu velog

0개의 댓글