Antop
Brain to Blog
Antop
전체 방문자
931,610
오늘
2
어제
12
  • 분류 전체보기 (167)
    • Ubuntu Developer (0)
    • Mini Project (12)
    • Request Sample (1)
    • Study (5)
      • Vue.js (2)
      • Hadoop (3)
    • Java+ (23)
      • Trouble Shooting (5)
      • Example (8)
    • Framework (22)
      • Struts (3)
      • Spring (3)
      • Spring OSGi (2)
      • Spring Security (3)
      • Hibernate (9)
      • Mybatis (1)
    • Android (1)
    • Oracle Solution (40)
      • Tutorial for Oracle Coheren.. (1)
      • PO Processing (17)
      • BPM 11g Foundation Training (11)
      • Oracle Service Bus 11g Hand.. (5)
      • BPEL (3)
      • Trouble Shooting (2)
    • JavaScript (5)
      • jQuery (2)
      • Ext JS (1)
    • Tools (12)
      • Eclipse (11)
      • Maven (1)
    • Database (6)
      • Oracle (3)
      • MySQL (2)
    • Server (30)
      • Ubuntu (16)
      • WebLogic (7)
      • VMware ESXi (6)
    • Etc (9)
      • Scrap (4)
      • Link (1)
      • Game (2)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

  • Install Ambari and Deploy HDP⋯
    2016.06.05
    Install Ambari and Deploy HDP⋯
  • web.xml 서블릿 버전별 DTD
    2013.03.03
  • 메이븐 웹 프로젝트 생성 후 해⋯
    2013.09.09
    메이븐 웹 프로젝트 생성 후 해⋯
  • 2014년 도로명 주소 사용에 따⋯
    2013.12.22
    2014년 도로명 주소 사용에 따⋯
  • Mybatis Interceptor + RowBoun⋯
    2017.12.12

태그

  • MySQL
  • ubuntu
  • xml
  • JSP
  • ORM
  • JSON
  • Eclipse
  • jQuery
  • VMware
  • BPEL
  • 하이버네이트
  • JavaScript
  • Struts
  • extjs
  • SOA
  • osb
  • EJB
  • LAB
  • Spring
  • esxi
  • Java
  • mybatis
  • maven
  • JDBC
  • Ajax
  • BPM
  • Weblogic
  • oracle
  • hibernate
  • API

최근 댓글

  • 소스를 오픈 해주셔서 감사합니⋯
    헤르메스의날개
  • 드라이버에 의존하는것보다 확⋯
    망고스틴
  • 비슷한걸 개발하면서 어떻게 해⋯
    홍마초
  • 잘 보고 갑니다...
    딸랑딸랑
  • 잘 보고 갑니다...
    이웃사촌

최근 글

  • Mockito.thenThrow() 주의사항!
    2021.09.25
  • Spring + @Lazy
    2019.08.05
    Spring + @Lazy
  • [Kotlin + Spring] Maven confi⋯
    2019.05.26
  • Installation Vue.js (Eclipse)
    2018.05.24
    Installation Vue.js (Eclipse)
  • Installation Vue.js (WebStorm⋯
    2018.05.21
    Installation Vue.js (WebStorm⋯

티스토리

hELLO · Designed By 정상우.
Antop

Brain to Blog

Javascript Dependency in Maven
JavaScript

Javascript Dependency in Maven

2014. 3. 19. 19:22
반응형

http://www.webjars.org/


보통 메이븐을 통해서 자바 라이브러리(jar)들간의 의존 관계를 해결한다.


하지만 자바스크립트 라이브러리는 이런게 없다. 어디선가 js 파일 받아서 웹 소스에다가 놓고 써야한다.


예를 들어 "jQuery UI"를 써야 하면 jquery.ui.js 파일 받고 "jQuery UI"가 필요로 하는 jquery.js 를 구해서 넣어야한다.



<script type="text/javascript" src="js/static/jquery-1.11.0.min.js" ></script>

<script type="text/javascript" src="js/static/jquery-ui.min.js" ></script>


근데! 누군가가 메이븐으로 자바스크립트 라이브러리의 의존 관계를 관리할 수 있도록 했다.

이 기발한 원리는 이러하다. ㅋㅋ


1. /META-INF/ 안에 js 파일들을 넣은 jar 파일을 만들어서 메이븐으로 쓸 수 있도록 한다.

2. 프레임워크마다의 방법으로 classpath 안의 js 파일들을 웹상에서 쓸 수 있도록 한다.


pom.xml 에 아래와 같이 jquery-ui 를 추가하면


<dependency>

<groupId>org.webjars</groupId>

<artifactId>jquery-ui</artifactId>

<version>1.10.3</version>

</dependency>


아래와 같이 jquery 까지 다운로드 받게 된다.



실제 jar 내용을 보면 아래와 같이 js 와 관련된 파일들이 들어있다. (requireJS도? 들어있네 ㄷㄷ)



Spring 3의 mvc 네임스페이스를 이용하면 쉽게 설정 가능하다. (다른 방법은 http://www.webjars.org/documentation 참조)


<mvc:resources mapping="/js/static/**" location="classpath:/META-INF/resources/webjars/" />


html 에서는 리소스의 경로에 맞게 해주면 되겠다.


<script type="text/javascript" src="js/static/jquery/1.9.1/jquery.min.js" ></script>

<script type="text/javascript" src="js/static/jquery-ui/1.10.3/ui/minified/jquery-ui.min.js" ></script>


web-jars.war

 ↑ 소스 포함 war


web-jars.zip

 ↑ 이클립스 메이븐 프로젝트


반응형
저작자표시
  • 카카오스토리
  • 트위터
  • 페이스북

'JavaScript' 카테고리의 다른 글

Javascript Dependency in Maven  (0) 2014.03.19
url 파라미터 알아내기  (5) 2010.01.15
    'JavaScript' 카테고리의 다른 글
    • url 파라미터 알아내기
    JavaScript, JS, maven, webjars
    Antop
    Antop
    뇌에서 블로그로... antop@naver.com
    댓글쓰기
    다음 글
    Installation Maven 3 on Ubuntu
    이전 글
    현지어로 언어명 보여주기
    • 이전
    • 1
    • ···
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • ···
    • 167
    • 다음