[스프링 MVC 2편 - 백엔드 웹 개발 활용 기술] 01. 타임리프 - 기본 기능

Turtle·2024년 7월 9일
0
post-thumbnail

🙄타임리프 소개

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

SSR

클라이언트가 웹 사이트에 접속하면 서버에서 필요한 데이터를 모두 가져와서 HTML 파일을 만들게 되고 이렇게 잘 만들어진 HTML 파일을 동적으로 제어할 수 있는 소스코드와 함께 클라이언트에게 보내주게 된다.

클라이언트는 서버 측에서 만들어진 HTML 문서를 받아와서 바로 사용자에게 보여주게 된다.

CSR을 이용할 때보다 첫 번째 페이지 로딩이 빨라지는 장점이 있으며 모든 컨텐츠가 HTML에 담겨져 있기 때문에 검색엔진 최적화가 가능하다.

모든 기술에는 장점만 있지 않듯이 단점 역시 존재한다. 사용자가 특정 사이트 내의 다른 곳으로 이동하면 전체적인 웹 사이트를 다시 서버에서 받아오는 것과 동일하기 때문에 좋은 UI를 제공하기 어렵다.

또한 이용자가 많은 사이트일수록 접속한 사용자가 클릭을 할 때마다 서버에 요청해서 서버에서 필요한 데이터를 가져와서 HTML을 만들어야하기 때문에 서버 과부하가 걸리기 쉽다.

사용자가 빠르게 웹 사이트를 확인하는 것은 가능하지만 동적으로 데이터를 처리하는 자바스크립트를 아직 다운로드 받지 못해서 사용자가 여기저기 클릭했을때 반응이 없는 경우가 발생할 수 있다.

네츄럴 템플릿
순수 HTML을 그대로 유지하면서 뷰 템플릿도 사용할 수 있는 타임리프의 특징을 네츄럴 템플릿이라고 한다.

스프링 통합 지원
스프링과의 자연스러운 통합

0개의 댓글