ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 웹 jar
    백기선(인프런 강의)/스프링 부트 개념과 활용 2020. 5. 6. 13:05
    반응형

    클라이언트에서 사용하는 Reactjs, Angularjs, vuejs, jquery 등을 JAR 파일로 스프링부트에 추가해 줄 수 있다.

     

    JAR 파일에 있는 cssjavascript를 참조할 수 있다.

     

    pom.xml에 의존성 추가해주면 사용 할 수 있다.

     

    스프링 부트는 웹 JAR의 기본 매핑을 제공해준다. 

    /webjars/**  로 시작이 된다.

     

     

    예시

    jQuery 의존성을 pom.xml에 추가해준다.

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

    아래처럼 jquery.minjs을 추가하고 alert창을 띄울 수 있다.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    hello
    <script src="/webjars/jquery/3.4.1/dist/jquery.min.js">
       $(function() {
           alert("ready!");
       });
    </script>
    </body>
    </html>

     

     

    jQuery를 잘 받아온 결과

    만약에 버전관리를 하기 싫다면 pom.xml에 아래와같은 Webjars Locator Core를 추가해줘된다.

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

     

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    hello
    
    <script src="/webjars/jquery/dist/jquery.min.js">
       $(function() {
           alert("ready!");
       });
    </script>
    </body>
    
    </html>

     

    반응형

    '백기선(인프런 강의) > 스프링 부트 개념과 활용' 카테고리의 다른 글

    Thymeleaf  (0) 2020.05.08
    index 페이지와 파비콘  (0) 2020.05.07
    정적 리소스 지원  (0) 2020.05.05
    Spring Web MVC - ViewResolver  (0) 2020.04.22
    Spring Web MVC -HttpMessageConverters  (0) 2020.04.22
Designed by Tistory.