TIL 221014 Thymeleaf

sohyun_·2022년 10월 14일
0

😀 타임리프 Thymeleaf

보통 자바에서는 웹 개발 시 JSP를 이용하여 진행하는 경우가 많음
->그러나 이 방식은 스크립트HTML이 혼재된 상태

이러한 상태를 해결할 수 있는 것이 템플릿 엔진

템플릿 엔진은 HTML과 데이터를 결합한 결과물을 만들어 주는 도구
서버에서 데이터를 보내 웹서비스를 만드는 방법은 크게 3가지
1. SPA (Single Page Application)
최초 한번 전체페이지를 다불러오고 응답데이터만 페이지 특정부분을 렌더링
2. SSR (Server Side Rendering)
전통적인 웹 애플리케이션 방식
요청시마다 서버에서 처리한 후 새로고침으로 페이지에 대한 응답
3. CSR (Client Side Rendering)
CSR 방식은 최초 요청시에 각종 리소스를 받아온다. 이후에는 서버에 데이터만 요청하고 자바스크립트로 뷰를 컨트롤
SPA기법이 대두되면서 CSR이 각광받기 시작함

초기요청때 SSR보다 많은 리소스를 요청하기 때문에 렌더링 속도는 SSR이 더 빠름 (CSR < SSR)
하지만 이 후 다른 페이지로의 이동시에는 SSR보다 빠른 페이지 전환 속도와 더 나은 사용자 경험을 제공 (CSR > SSR)

타임리프는 템플릿 엔진 중 하나,
SpringBoot에서는 JSP가 아닌 Thymeleaf 사용을 권장

Gradle에 dependency 추가

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

명령어들은 th:~
배우면서 업뎃하겠음

🔗참고
https://myeongdev.tistory.com/20
https://velog.io/@ru_bryunak/SPA-%EC%82%AC%EC%9A%A9%EC%97%90%EC%84%9C%EC%9D%98-SSR%EA%B3%BC-CSR

profile
web backend developer

0개의 댓글