[Spring Boot #14] 스프링 웹 MVC : 정적 리소스 지원

Spring/Spring Boot
2019. 1. 3. 21:41

| 스프링 부트 정적 리소스 지원

스프링 부트에서 정적 리소스를 지원할 시 url의 root(/)에 자동적으로 정적 리소스를 매핑 할 수 있습니다.

프로젝트 구조

|   pom.xml
+---src
|   +---main
|   |   +---java
|   |   |   \---com
|   |   |       \---tutorial
|   |   |           \---sptringbootmvc
|   |   |               |   SptringBootMvcApplication.java
|   |   |
|   |   \---resources
|   |       |   application.properties
|   |       |
|   |       \---static
|   |               hello.html

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    Mobile Hello Static Resource AHAHA LOL
</body>
</html>

http://localhost:8080/hello.html 로 연결 시 다음과 같이 웹브라우져에 출력됩니다.

| application.properties를 통한 정적 리소스 매핑

application.properties

spring.mvc.static-path-pattern=/static/**

http://localhost:8080/static/hello.html 로 연결 시 다음과 같이 웹브라우져에 뜹니다.

| WebMvcConfigurer를 통한 정적 리소스 매핑

프로젝트 구조

|   pom.xml
+---src
|   +---main
|   |   +---java
|   |   |   \---com
|   |   |       \---tutorial
|   |   |           \---sptringbootmvc
|   |   |               |   SptringBootMvcApplication.java
|   |   |               |
|   |   |               +---config
|   |   |               |       WebConfig.java
|   |   |
|   |   \---resources
|   |       |   application.properties
|   |       |
|   |       +---m
|   |       |       hello.html
|   |       |
|   |       \---static
|   |               hello.html

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    Mobile Hello Static Resource AHAHA LOL
</body>
</html>

소스

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/m/**")
                .addResourceLocations("classpath:/m/")
                .setCachePeriod(20);
    }
}

addResourceHandlers는 리소스 등록 및 핸들러를 관리하는 객체인 ResourceHandlerRegistry를 통해 리소스 위치와 이 리소스와 매칭될 url을 등록합니다.
setCachePeriod는 캐시가 얼마나 지속할 지 정하는 메서드입니다. 위에서는 20초로 설정됬습니다.

http://localhost:8080/m/hello.html 으로 요청시 다음과 같은 화면이 출력됩니다.

| 스프링 부트 jquery 의존성 추가 및 HTML 동적 요소 도입

jquery를 의존성을 추가하기 위해서는 다음과 같이 메이븐에 의존성을 추가해야 합니다.

<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1 </version>
</dependency>

jquery에서 자동적으로 버전을 관리하기 위한 의존성을 추가할 수 있습니다.

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>webjars-locator-core</artifactId>
    <version>0.35</version>
</dependency>

resources/static/hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    Hello Static Resource AHAHA POWER
<!-- <script src="/webjars/jquery/3.3.1/dist/jquery.min.js"></script>-->
    <script src="/webjars/jquery/dist/jquery.min.js"></script>
<script>
    $(function(){
        alert("ready!");
    });
</script>
</body>
</html>

원래 /webjars/jquery/3.3.1/dist/jquery.min.js 라 명시해야하지만 위에서 추가한 webjars-locator-core 의 버전 관리 기능때문에 버전을 명시하지 않아도 스프링부트가 의존하고 있는 jquery 버전이 자동적으로 작동됩니다.

http://localhost:8080/static/hello.html 로 요청하면 다음과 같은 화면이 출력됩니다.

참고자료 : https://www.inflearn.com/course/스프링부트

저작자표시 비영리

'Spring > Spring Boot' 카테고리의 다른 글

[Spring Boot #16] 스프링 웹 MVC : Thymeleaf 템플릿 (0)	2019.01.04
[Spring Boot #15] 스프링 웹 MVC : 인덱스 페이지와 파비콘 (0)	2019.01.03
[Spring Boot #13] 스프링 웹 MVC : HttpMessageConverter, ViewResolver (0)	2019.01.03
[Spring Boot #12] 스프링부트에서 테스트 작성하기( Spring Boot Test ) (1)	2019.01.01
[Spring Boot #11] 스프링 부트 로깅( Spring Boot Logging ) (0)	2019.01.01