현재 사이트는 html이 총 세개가 존재한다. 세개면 많은 수는 아니지만 html내에서 공통되는 영역이 상당하기 때문에 해당 영역을 수정하기위해서는 많은 공수가 들어간다. html개수가 많아질수록 일이 늘어나기때문에 ThymeLeaf가 제공하는 fragment 기술을 사용하여 공통영역을 따로 관리하자. index.html, generic.html, elements.html에는 총 다섯가지의 공통영역이 존재한다. 페이지의 메타정보, css를 나타내기위한 header 로고와 메뉴버튼을 그리기 위한 header 메뉴목록을 그리기 위한 nav contact me를 위한 footer script를 include하기위한 footer -> javascript를 footer에 위치하면 html렌더링이 더 빠르다고 한다..