[Spring Boot] thymeleaf와 Spring Boot

[Spring Boot] thymeleaf와 Spring Boot

2021. 8. 4. 20:42ㆍBack-End 작업실/Spring Framework

728x90

안녕하세요? 주니하랑 입니다.

주니하랑은 Spring Boot에 대해서 공부하고 있는 것이에요.

인프런의 김영한님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술에 대해서 공부하면서 피드를 작성 해 보도록 할 것이에요.

바로 시작 해 보겠습니다!

📋 목차

01.[Spring Boot] thymeleaf와 Spring Boot
02.[Spring Boot] Spring Web 개발 기초
03.[Spring Boot] 회원 관리 예제 - Backend
04.[Spring Boot] Service 개발 및 Test Case 작성
05.[Spring Boot] Spring Bean과 의존관계
06.[Spring Boot] Java Code로 직접 Spring Bean 등록
07.[Spring Boot] 등록, 목록 보기 구현하기
08.[Spring Boot] 기존 코드 손 안대고, 설정으로 구현 Class 변경
09.[Spring Boot] 통합 Test
10.[Spring Boot] JPA
11.[Spring Boot] Spring Data JPA
12.[Spring Boot] AOP

📌 시작하기 전에

코드에 관련한 내용은 주니하랑의 Github에서 확인 하실 수 있습니다!

📌 thymeleaf

📍 템플릿 엔진이란?

템플릿 엔진이란 동적 컨텐츠를 생성하는 방법인 것이에요.

템플릿 양식과 특정 데이터 모델에 따른 입력 자료를 결합하여 결과 문서를 출력하는 소프트웨어를 말하며 view code(html)와 data logic code(db connection)을 분리해주는 기능을 하는 것이에요.

스프링 MVC에서 주로 동적인 View를 만드는데 사용한다. 그렇다고 View만 만드는데 사용하지는 않으며 이메일 등 다양한 용도로 사용 가능하답니다.

템플릿 엔진에는 서버사이드, 클라이언트 사이드 두 가지가 있답니다.

서버 사이드 템플릿 엔진 : 서버에서 가져온 데이터를 미리 정의된 템플릿에 넣어 html을 그린 뒤 클라이언트에게 전달.
- HTML 코드에서 고정적으로 사용되는 부분은 템플릿으로 만들어두고, 동적으로 생성되는 부분만 템플릿에 소스코드를 끼워넣는 방식으로 동작한다.
클라이언트 사이드 템플릿 엔진 : HTML 형태로 코드를 작성하며, 동적으로 DOM을 그리게 해주는 역할.
- 데이터를 받아서 DOM 객체에 동적으로 그려주는 프로세스를 담당한다.

스프링 부트가 자동 설정을 지원하는 템플릿 엔진

FreeMarker
Groovy
Thymeleaf
Mustache

스프링 부트는 JSP를 싫어해요!

Thymeleaf와 달리 JSP는 스프링부트가 자동 설정을 지원하지 않으며 권장하지도 않는답니다.
왜 Spring Boot에서는 JSP를 권장하지 않을까요?
우선 JSP를 사용하면 JAR 패키징을 할 수 없어 WAR 패키징을 해야한다. 물론, WAR패키징으로도 임베디드 톰캣으로 실행할 수 있고, 배포도 가능하긴 합니다.
하지만 Undertow라는 최근에 만들어진 서블릿 엔진이 JSP를 지원하지 않는 등 제약사항이 있답니다.
또한 JSP에 대한 의존성을 넣으면 의존성 문제가 생기는 경우도 있는 것이에요.

JAR와 WAR는 뭐에요?

JAR와 WAR 모두 JAVA의 jar 툴을 이용해 생성된 파일이며 애플리케이션을 쉽게 배포하고 동작시킬 수 있도록 관련 파일을 패키징해준답니다.

JAR (Java Archive)
- .jar 자바 프로젝트를 압축한 파일.
- 자바 리소스, 속성파일, 라이브버리 등이 포함.
- 원하는 구조로 구성이 가능하며 JDK(Java Development Kit)에 포함되어 있는 JRE(Java Runtime Environment)만 가지고도 실행 가능.
WAR(Web Application Archive)
- .war servlet / jsp 컨테이너에 배치할 수 있는 웹어플리케이션 압축 파일.
- 웹 관련 자원만을 포함 (JSP, Servlet, JAR, Class, HTML 등).
- JAR과 달리 WEB-INF 및 META-INF 디렉토리로 사전 정의된 구조를 사용하며 실행하기 위해서 Tomcat과 같은 웹 서버 또는 웹 컨테이너(WAS)가 필요.
- WAR도 JAVA의 jar 옵션(java -jar)을 이용해 생성하는 JAR 파일의 일종.

그래서 tymeleaf가 뭐에요?

Thymeleaf는 비교적 최근에 만들어진 템플릿 엔진이며, 서버사이드 자바 템플릿 엔진의 한 종류인 것이에요.
JSP와 Thymeleaf의 가장 큰 차이점은 JSP와 달리 Servlet Code로 변환되지 않다는 점이다. 따라서 비즈니스 로직과 분리되어 오로지 View에 집중할 수 있게 해 준답니다.

@Controller
public class HelloController {

	@GetMapping("Hello")
    public String hello(Model model) {
    	model.addAttribute("data", "hello!!");
        return "hello";
   	}
}

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'안녕하세요. ' +{data}" > 안녕하세요. 손님</p>
</body>
</html>

'안녕하세요 손님'은 어디가고, '안녕하세요. hello!!'가 출력 되었을까요? '안녕하세요. 손님'은 정적 컨텐츠 즉, html로만 작성을 했을 때 보이는 부분 이고, MVC와 Templat Engin을 사용하면 위와 같이 출력이 되는 것이에요.

위와 같이 작동하는 원리를 보자면 먼저 Web Browser가 uri로 hello를 http Method get을 통해 전달하면 톰켓 서버가 이것을 맨 처음 받아 Spring Boot에게 전달하는 것이에요. Spring Boot는 전달 받은 내용을 보고, hello Controller에게 이 내용을 전달 해 주고, Method안에 있는 String 형식의 hello를 반환하게 되는데, model을 통해 data:hello!!가 작성 되어 있으니 이 내용을 viewResolver에게 전달을 해 주는 것이에요. viewResolver는 uri가 hello인 것이 반환값과 같기 때문에 그것에 맞는 화면인
'main/resources/templates/hello.html을 찾아서 반환을 해 주는 것이에요.

Spring Boot Templat Engin Default viewName Mapping
resources: templates/ +{ViewName} + .html

💡 참고
spring-boot-devtools Library를 추가 시 html File을 컴파일만 해주면 서버 재 시작 없이 View File 변경이 가능.

InteliJ 컴파일 변경 방법: Mene build -> Recompile

주니하랑의 글이 마음에 드셨나요? 구독과 공감! 그리고, 댓글은 주니하랑에게 많은 힘이 됩니다

728x90

저작자표시 비영리 변경금지

'Back-End 작업실 > Spring Framework' 카테고리의 다른 글

[Spring Boot] Service 개발 및 Test Case 작성 (0)	2021.08.11
[Spring Boot] 회원 관리 예제 - Backend (0)	2021.08.06
[Spring Boot] Spring Web 개발 기초 (0)	2021.08.05
Lombok Annotation 관련 (0)	2021.06.17
Spring Frame Work 기초 (0)	2021.06.10

Juny's ITLog