스프링 부트 활용

웹 JAR

   스프링 부트는 웹 JAR에 대한 기본 Mapping도 제공한다. /webjars/**. 웹 JAR는 클라이언트에서 사용하는 JS 라이브러리를 jar 형태로 제공하는 기능이다. 다양한 JS 라이브러리, ReactJS, AngularJS, VueJS, JQuery 등을 JAR 파일로 부트에 추가해 줄 수 있다.

템플릿을 사용해서 동적으로 컨텐츠를 생성하거나 정적 리소스에서도 이러한 웹 JAR에 있는 CSS나 JS를 참조할 수 있다. 대부분 MAVEN 중앙 저장소에 올라와 있기 때문에 가져와서 pom.xml에 추가해주면 사용할 수 있다.

jquery 추가하기

   간단하게 jquery를 추가해보자. 아래의 의존성을 pom.xml에 추가해준다.

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

/webjars/ 매핑으로 jquery를 추가해주고 jquery 문법을 사용하여 alert을 띄워줄 수 있다.

만일 버전 관리를 직접하기 귀찮다면, Webjars Locator Core를 추가해준다.

아래의 의존성을 추가해주자.

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

이렇게 하면 jquery를 추가할 때, 버전을 생략할 수 있다.

Reference