본문 바로가기

Frontend/jQuery & JSTL

[JSTL] jQuery VS JSTL

반응형

jQuery VS JSTL

  jQuery JSTL (JavaServer Pages Standard Tag Library)
목적 - JavaScript 라이브러리로, 클라이언트 측 웹 개발을 간편하게 만드는 데 사용

- 주로 웹 페이지 내에서 DOM 조작, 이벤트 처리, Ajax 요청과 같은 클라이언트 측 기능 구현에 중점
- JSP(JavaServer Pages)를 확장하고 향상시키기 위한 태그 라이브러리

- 서버 측 Java 코드 내에서 웹 애플리케이션 로직 구현 및 표현을 위해 사용
언어 - JavaScript 기반으로 동작

- 클라이언트 측에서 실행, 브라우저에서 동작
- Java 기반으로 동작

- 서버 측에서 실행, 웹 애플리케이션 서버 (예: Apache Tomcat) 내에서 Java로 처리
용도 - 클라이언트 측 웹 페이지를 동적으로 만드는 데 사용

- DOM 조작, 이벤트 처리, Ajax 통신 등과 같이 웹 브라우저에서 실행되는 작업에 중점
- JSTL은 서버 측에서 데이터 처리 및 표현을 위해 사용

- 주로 서버에서 데이터베이스에서 데이터를 검색하고 이를 웹 페이지에 삽입하는 데 사용
장소 - 웹 페이지의 HTML 내에서 <script> 태그 내에 포함 됨 - JSP 파일 내에서 사용
- JSP 템플릿 안에서 서버 측 로직을 표현하는 데 사용
실행 시점 - 클라이언트 측에서 브라우저가 페이지를 렌더링하는 동안 실행 - 서버 측에서 요청을 처리하고 클라이언트에게 응답을 보내기 전에 실행

<요약>

jQuery는 클라이언트 측 웹 개발을 위해 사용

JSTL은 서버 측 Java 코드와 데이터를 처리하고 웹 페이지에 표현하기 위해 사용

이를 이용해 JSP 파일 안에서 태그를 이용해 SSR로 구현 가능

 

eg)

<style></style> => CSS구현
<script type="text/javascript"></script> => JavaScript구현(jQuery)
<div></div> => HTML태그 안에서 JSTL 구현

반응형

'Frontend > jQuery & JSTL' 카테고리의 다른 글

[JSTL] 조건문  (0) 2024.02.23
[JSTL] JSP에서 JSTL 안에 호출되는 JSP로 데이터 전달하기  (0) 2024.02.20
[JavaScript] 기본 코드  (0) 2024.02.20
[JSP] Page Forward / Include  (0) 2024.02.20
[JavaScript] Ajax 사용법  (0) 2024.02.20