반응형
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 |