10. 스태틱 디렉터리와 스타일시트 - 점프 투 스프링부트(게시판 만들기)

해당 게시글은 점프 투 스프링부트 교재를 통한 개인 학습 용도이며 기초 세팅은 생략하였습니다.
자바 8, 스프링부트 2.7.7버전입니다.

 

 

 

 

스타일시트

---

스타일시트 파일은 스프링부트의 스태틱 디렉토리에 저장해야 한다

 

static 디렉터리

 

 

 

스타일시트 파일(style.css)을 작성하자

파일경로 : /practice/src/main/resources/static/style.css

textarea {
    width:100%;
}

input[type=submit] {
    margin-top:10px;
}

 

 

템플릿에 스타일 적용

---

스타일시트 파일을 질문 상세 템플릿에 적용하자

템플릿 최상단에 style.css를 사용할 수 있는 링크를 추가했다.

<link rel="stylesheet" type="text/css" th:href="@{/style.css}">
(... 생략 ...)

static 디렉터리에 style.css 파일이 위치하지만 /static/style.css 대신 /style.css로 사용해야 함에 주의하자.
왜냐하면 static 디렉터리가 스태틱 파일들의 루트 디렉터리이기 때문이다.

 

 

잘 적용되었다