반응형
스프링부트 환경에서 리소스(css, js, img 등)을 화면단에서 import 할때 경로 추가 하는 방법
spring 에서는 xml에서 따로 리소스 경로를 입력 해줘야 됐었지만
springboot 에서는 아마 이러하 작업들을 spring-boot-starter-web 에서 이 모든 작업을 미리 해주기에 우리는 따로 설정 없이 사용 할 수가 있다.
이래서 점점 springboot로 다 넘어가는 추세인것 같다.
아래와 같은 폴더 구조일때 정적 자료들은 resources/static/** 모두 넣으면 된다.
보편적으로 css, js, img 의 폴더 구조를 만들고 사용 하고 있다.
화면단에서는 아래와 같이 사용 할 수 있다. 이미 static 아래로 리소스 경로가 잡혀있기에 그 아래 css, js, img 의 상대 경로를 추가 하면 사용 가능하다.
th: prefix가 들어간 구문은 타임리프에서 사용하는 구문
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<title>Title</title>
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
반응형
'IT > 오늘의 질문' 카테고리의 다른 글
| No identifier specified for entity 에러 수정 방법 (1) | 2019.04.14 |
|---|---|
| 스프링 부트 공부 중 어노테이션 정리 (0) | 2019.03.03 |
| [spring] spring session(세션) 시간 변경 및 확인 (0) | 2019.01.30 |
| [javascript,jquery] 화면 맨 위로 이동, 스크롤 맨 위로 이동 (0) | 2019.01.04 |
| [javascript, jquery] a 태그 클릭 강제 이벤트, button클릭 강제 이벤트 (3) | 2019.01.02 |