반응형 th:fragment2 [Spring Boot] : 타임리프 템플릿 레이아웃(1) 타임리프 - 템플릿 레이아웃(1) 이번에는 코드 조각을 레이아웃에 넘겨 사용하는 방법에 대해 공부한다. 강의 자료에서 예를 잘 들어 주었는데 layoutMain.html이다. 여기에서 넘겨주는 것이다. template/layout/base :: common_header(~{::title},~{::link}) 이 라인이 핵심인데 common_header를 불러주면서 옆에 title와 link를 담아 전달한다. 그러면 base.html에서 받고 렌더링하고 추가되는 부분도 맞추어 값을 전달하게 된다. 이렇게 되면 메인 타이틀이 전달한 부분으로 교체되고 공통 부분은 유지되며 추가 부분에 전달한 들이 포함되는 것을 확인할 수 있다. 즉, 레이아웃 개념을 두고 그 레이아웃에 필요한 코드 조각을 전달해 완성한다고 보.. 2022. 2. 7. [Spring Boot] : 타임리프 템플릿 조각 사용 타임리프 - 템플릿 조각 웹 페이지 개발 시 여러 페이지에서 공통으로 겹치는 부분이 있다. 예를 들면 상단, 하단 등 이런 부분을 코드 복사로 사용하면 오류가 날 수도 있고 비효율적인데 이런 것을 해결하기 위해 타임리프에서 템플릿 조각과 레이아웃 기능을 지원한다. 그 중 템플릿 조각을 먼저 공부해 본다. 먼저 footer.html에 위 코드를 작성해 주었다. th:fragment 를 통해 사용할 수 있다. 이름을 먼저 copy로 정해주었다. 부분 포함 insert 부분 포함 replace 부분 포함 단순 표현식 fragmentMain.html에는 위 코드를 작성해 주었다. ~{template/fragment/footer :: copy} 이 코드를 보면 template/fragment/footer.html.. 2022. 2. 7. 이전 1 다음 반응형