투케이2K

24. (spring/스프링) [thymeleaf/타임리프] 외부 css , js 파일 적용 및 configuration 설정 본문

Spring

24. (spring/스프링) [thymeleaf/타임리프] 외부 css , js 파일 적용 및 configuration 설정

투케이2K 2021. 8. 29. 10:17

[개발 환경 설정]

​

개발 툴 : inteli j

개발 언어 : spring

[폴더 및 파일 설정]

​

​[소스 코드]

​

[소스코드 : config >> MvcConfiguration]

package com.project.researchpackage.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MvcConfiguration implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        // TODO [resources >> static >> 리소스 연결]
        //WebMvcConfigurer.super.addResourceHandlers(registry);
        registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/templates/", "classpath:/static/");
    }
}








[소스코드 : static >> css >> kwon.css]

h1 {
   color : #ff00ff;
}








[소스코드 : static >> css >> html]

<!-- 타임리프를 사용하기 위한 태그 선언 -->
<html lang="ko" xmlns:th="http://www.thymeleaf.org">



<!-- [외부 css 스타일 지정] -->
<link th:href="@{/css/kwon.css}" rel="stylesheet">

<!-- [외부 js 파일 경로 지정] -->
<script type="text/javascript" th:src="@{/js/kwon.js}"></script>

 

반응형
저작자표시

'Spring' 카테고리의 다른 글

26. (spring/스프링) mybatis 오라클 프로시저 호출 및 리턴 메시지 확인 실시  (0) 2021.09.06
25. (spring/스프링) gradle , application.yml 개발 환경 , 운영 환경 구분 설정 실시  (0) 2021.08.30
23. (spring/스프링) 스프링 gradle 환경 war 파일 생성 방법  (1) 2021.08.28
22. (spring/스프링) [thymeleaf/타임리프] CDATA 를 사용해 자바스크립트에서 모델 (model) 데이터 호출 실시  (0) 2021.08.27
21. (spring/스프링) EnableScheduling , Scheduled 사용해 주기적 스케줄링 반복 작업 수행 실시  (0) 2021.08.23
'Spring' Related Articles more
Comments