[Spring Boot] 레이아웃 템플릿 만들기

 

3.4.2 레이아웃 템플릿 만들기

 

파라미터로 필요한 영역을 전달해서 처리한다 = 레이아웃 전체를 하나의 페이지로 구서하고 필요한 부분을 파라미터로 전달하는 방식으로 공통의 레이아웃을 사용할 수 있습니다.

 

    <style>
        * {margin:0;padding:0;}
        .header {width:100vw;height:20vh;background-color: indianred;}
        .content {width:100vw;height:70vh;background-color: lightgray;}
        .footer {width: 100vw;height:10vh;background-color: seagreen;}
    </style>

    <div class="header">
        <h1>HEADER</h1>
    </div>
    <div class="content">
        <h1>CONTENT</h1>
    </div>
    <div class="footer">
        <h1>FOOTER</h1>
    </div>

 

다음과 같은 모습으로 출력됩니다.

 

 

 

 

7/24 

😂500에러 떴다!

 

8/2

😅 해결

역시 오타 문제였다.

오류 문구에는 

라고 나와있었는데, 나는 exTemplate.html만 엄청 찾아봤다..ㅎ

하지만 layout1.html에서 오타가 있었던 것 !

 

 

fragement가 아니라 fragment 였다.

의미있는 삽질이었다고 생각하자..!