java gradel 프로젝트에서 jquery를 사용하기 위한 설정과 샘플을 작성

Java Gradle 프로젝트에서 jQuery를 사용하려면, 보통 jQuery를 static 리소스로 추가하거나 WebJars를 통해 의존성을 관리해 사용할 수 있습니다.

Gradle 설정 방법

build.gradle 파일에 WebJars 의존성을 추가하면 jQuery를 쉽게 프로젝트에서 사용할 수 있습니다.

text

implementation group: 'org.webjars', name: 'jquery', version: '3.6.0'

이렇게 하면, src/main/resources/static/webjars/jquery/3.6.0/jquery.min.js 경로로 리소스가 복사가 되며, JSP/HTML에서 사용할 수 있습니다.

HTML/JSP에서 jQuery 적용 예시

java gradel 프로젝트에서 jquery를 사용하기 윈한 설정과 샘플을 작성

아래는 jQuery를 활용한 form 제출 샘플 코드입니다.

xml

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jQuery Sample</title>

<!-- WebJars로 추가한 경로 -->

<script src="/webjars/jquery/3.6.0/jquery.min.js"></script>

</head>

<body>

<form id="scoreForm" action="/score/save" method="post">

번호 : <input type="text" name="idx" /><br />

이름 : <input type="text" name="name" /><br />

<button type="button" id="btnSubmit">제출</button>

</form>

<script>

$(function(){

$("#btnSubmit").click(function(){

$("#scoreForm").submit();

});

});

</script>

</body>

</html>

이 방법을 쓰면 Gradle에서 자동으로 jQuery 버전을 관리할 수 있고, JSP 또는 HTML에서 자유롭게 쓸 수 있습니다.

요약 과정

build.gradle에 WebJars jQuery 의존성 추가
HTML/JSP에서 /webjars/jquery/버전/jquery.min.js 경로로 script 태그 삽입
jQuery를 사용하여 동적 이벤트 처리/DOM 조작 등 구현

위 과정대로 설정하면 Java/Gradle 프로젝트에서 jQuery를 손쉽게 사용할 수 있습니다.