웹 JAR
클라이언트에서 사용하는 js 라이브러리 등을 말한다
예를 들어 Angular, React, Vue, JQuery 등을 말하는데 이들을 jar 파일로 추가할 수 있다.
메이븐을 이용해 의존성 JQuery의 의존성을 관리해 보려 한다.
maven repository에서 JQuery를 다운로드하도록 해보자. JQuery repo
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>jquery</artifactId>
<version>3.4.1</version>
</dependency>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Hello every !
<script src="/webjars/jquery/3.4.1/dist/jquery.min.js"></script>
<script>
$(function() {
alert("ready");
});
</script>
</body>
</html>위 코드의 jquery.min.js 파일을 import 하면 된다.
경로는 "/webjars"를 기준으로 한다.
그리고 아래에서 jquery를 이용하여 alert를 실행해 보았다.
해당 페이지를 열어보면 jquery를 이용한 함수가 정상적으로 동작하는 것을 확인할 수 있다.
webjars-locator-core를 이용하면 웹 jar의 버전을 생략할 수도 있다.
이때 resource chain이라는 방법을 이용한다고 한다.
일단 메이븐에서 webjars-locator-core를 의존성 추가 해주자. webjars-locator-core repo
<!-- https://mvnrepository.com/artifact/org.webjars/webjars-locator-core -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator-core</artifactId>
<version>0.43</version>
</dependency>
<!--<hello.html>-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Hello every !
<!--<script src="/webjars/jquery/3.4.1/dist/jquery.min.js"></script>-->
<script src="/webjars/jquery/dist/jquery.min.js"></script>
<!-- webjars-locator-core로 인해 resource chain 을 이용해 버전 생략 가능 -->
<script>
$(function() {
alert("ready");
});
</script>
</body>
</html>
이렇게 버전을 생략하더라도 정상 동작하는 것을 확인할 수 있을 것이다.
링크
해당 포스팅은 백기선 님의 인프런 강의를 보고 작성하였습니다.
반응형
'Java & 스프링 > 스프링부트 톺아보기' 카테고리의 다른 글
| [spring] 스프링 부트의 ExceptionHandler (0) | 2019.12.02 |
|---|---|
| [Spring Boot] 스프링 부트의 index 페이지, 파비콘 (0) | 2019.12.02 |
| [스프링 부트] war 파일과 외부 톰캣을 이용한 서버 배포 (0) | 2019.10.30 |
| [스프링 부트] 정적 리소스 - static resource (0) | 2019.10.24 |
| [스프링 부트] 스프링 MVC - 스프링 부트의 Message Converter (0) | 2019.10.23 |
댓글