이 Thymeleaf 템플릿은 페이지를 꾸미려고 style.css 스타일시트를 참조한다. src/main/resources/static/css에 코드 2-8 내용으로 style.css 파일을 생성하자.

 

코드 2-8 독서 목록 애플리케이션 스타일시트(resources/static/css/style.css)

body {
    background-color: #cccccc;
    font-family: arial, helvetica, sans-serif;
}
 
.bookHeadline {
    font-size: 12pt;
    font-weight: bold;
}
 
.bookDescription {
    font-size: 10pt;
}

label {
    font-weight: bold;
}

---

이 스타일시트는 간단하며, 애플리케이션을 멋지게 보이려고 지나치게 표현하지도 않았다. 그러나 목적을 충실히 반영하고 있으며, 스프링 부트 자동 구성의 일부를 설명하는 용도로도 충분하다.

믿거나 말거나 이 예제는 완전한 애플리케이션이다. 이 장에서 다루는 예제의 모든 코드를 보여 주었다. 잠시 시간을 내서 이전 페이지들에서 어떤 구성이든 찾을 수 있는지 살펴보라. 사실 코드 2-1에 있는 (본질적으로 자동 구성을 작동하게 하는) 한 줄짜리 구성을 제외하고는 스프링 구성을 작성할 필요가 없었다.

스프링 구성이 없어도 지금까지 완성한 이 스프링 애플리케이션을 바로 실행할 수 있다. 실행 후 어떻게 보이는지 살펴보자.