스프링 MVC 2 - 템플릿 레이아웃1

템플릿 레이아웃

이전에는 일부 코드 조각을 가지고와서 사용했다면, 이번에는 개념을 더 확장해서 코드 조각을 레이아웃에 넘겨서 사용하는 방법에 대해서 알아보자.

예를 들어서 <head>에 공통으로 사용하는 css, javascript 같은 정보들이 있는데, 이러한 공통 정보들을 한 곳에 모아두고, 공통으로 사용하지만, 각 페이지마다 필요한 정보를 더 추가해서 사용하고 싶다면 다음과 같이 사용하면 된다.

/resources/templates/template/layout/base.html

/resources/templates/template/layout/layoutMain.html

결과

common_header(~{::title}, ~{::link}) 이 부분이 핵심이다.
- ::title은 현재 페이지의 ttle 태그들을 전달한다.
- ::link는 현재 페이지의 link 태그들을 전달한다.

결과를 보자.

이 방식은 사실 앞서 배운 코드 조각을 조금 더 적극적으로 사용하는 방식이다. 쉽게 이야기해서 레이아웃 개념을 두고, 그 레이아웃에 필요한 코드 조각을 전달해서 완성하는 것으로 이해하면 된다.

댓글