JSP(Jakarta Server Pages), JSTL(JSP Standard Tag Library)

💻웹(Web)

JSP(Jakarta Server Pages), JSTL(JSP Standard Tag Library)

stonesy 2024. 12. 1. 22:59

728x90

📌JSP(Jakarta Server Pages, 이전명칭: Java Server Pages)

JSP는 HTML 내에 Java 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 서버 사이드 스크립트 언어이다. Java EE 스펙 중 일부로 WAS에서 동작한다. JSP는 실행시에는 Java Servlet으로 변환된 후 실행되므로 서블릿과 거의 유사하다고 볼 수 있다. 하지만, 서블릿과는 달리 HTML 표준에 따라 작성되므로 웹 디자인하기에 편리하다.

JSP의 기본 객체

1. pageContext(=page)

- 하나의 JSP 페이지

- 페이지는 하나의 JSP이므로, 한 페이지에서 다른 페이지의 정보를 사용할 수 없다.

2. request

- 하나의 http 요청 정보

- 클라이언트로부터 오는 한 번의 요청과 관련된 영역으로 브라우저가 결과를 받으며 요청했던 request 객체는 사라진다.

3. session

- 세션은 하나의 브라우저(Chrome, Internet, ...) 을 공유한다. 주로 로그인 정보/상태를 유지할 때 사용한다.

4. application

- 하나의 웹 애플리케이션

- 모든 유저, 모든 페이지, 페이지 요청, 세션에 공유될 수 있다.

request: 클라이언트의 요청 정보를 담고 있으며, HTML 폼 데이터나 URL 파라미터를 읽어올 때 사용한다.
response: 서버의 응답을 처리하며, 클라이언트에게 데이터를 전송하거나 HTTP 응답 코드를 설정할 때 사용한다.
pageContext: JSP 페이지의 컨텍스트 정보를 담고 있으며, 페이지 내에서 다양한 객체에 접근할 수 있게 해준다.
session: 클라이언트와의 세션 정보를 관리하며, 사용자별 데이터를 저장할 때 사용한다.
application: 웹 애플리케이션 전역에서 공유되는 정보를 관리한다.
out: 클라이언트에게 데이터를 출력할 때 사용한다.
config: JSP 페이지의 설정 정보를 담고 있다.
page: 현재 JSP 페이지 자체를 가리킨다.
exception: 예외 처리 페이지에서 발생한 예외 정보를 담고 있다.

JSP 기본 객체의 영역(Scope)

각 기본 객체는 특정한 범위(Scope)를 가진다.

pageContext: 하나의 JSP 페이지 내에서만 유효하다.
request: 하나의 HTTP 요청 동안 유효하며, 요청이 완료되면 사라진다.
session: 동일한 클라이언트의 여러 요청 간에 데이터를 공유할 수 있으며, 세션이 종료될 때까지 유효하다.
application: 웹 애플리케이션이 실행되는 동안 전역적으로 유효하다.

이러한 객체들은 데이터를 저장하고 공유하기 위한 메서드를 제공한다.

setAttribute(String name, Object value): 데이터를 저장한다.
getAttribute(String name): 저장된 데이터를 가져온다.
removeAttribute(String name): 저장된 데이터를 삭제한다.

JSP 스크립팅 요소

JSP는 HTML 코드 내에 Java 코드를 삽입하기 위해 여러 스크립팅 요소를 제공한다.

스크립틀릿(Scriptlet): JSP 문법의 가장 기본이 되는 태그로, 대부분의 JSP 문법 표현을 이 스크립트릿을 기본으로 한다.

<body>
	<!-- 1부터 100까지 합을 구하기 -->
    <%
    	int sum = 0;
        for(int i=0; i<=100; i++){
        	sun+=i;
        }
    %>
</body>

선언문(Declaration): 멤버 변수나 메서드를 선언할 때 사용한다.

<body>
	<!-- 선언문(선언만 가능 -->
    <%! String name = "홍길동"; %>
    <%! public int plus(int a, int b) { return a+b; } %>
</body>

표현식(Expression): 변수, 메서드 등의 실행에 관한 부분을 맡아 그 결과를 표현한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%
		int sum = 0;
	
		for(int i = 1; i <= 100; i++){
			sum += i;
		}
	%>
  
	<!-- 구현부 (변수 선언, 변수 및 메서드에 대한 실행 가능) -->
	<h1>1~100 까지 합 결과 : <%= sum %></h1>
</body>
</html>

주석(Comment): 코드에 대한 설명을 작성할 때 사용하며, 클라이언트에게는 전달되지 않는다.

<%-- This is a JSP comment --%>

JSP 지시어(Directive)

JSP 지시어는 페이지의 전역적인 속성을 설정하는 데 사용된다.

<%@ page %>: JSP 페이지의 속성을 지정한다.
<%@ include %>: 다른 JSP 파일을 정적으로 포함한다.
<%@ taglib %>: 커스텀 태그 라이브러리를 사용할 때 선언한다.

웹 페이지 이동

JSP에서는 다른 페이지로 이동하기 위해 forward와 sendRedirect를 사용한다.

forward(request, response):
- 사용 방법: RequestDispatcher dispatcher = request.getRequestDispatcher(path); dispatcher.forward(request, response);
- 이동 범위: 동일한 서버 내의 경로로 이동한다.
- URL 표시: 브라우저의 주소창에 기존 URL이 유지된다.
- 객체 전달: 기존의 request와 response 객체가 그대로 전달된다.
- 속도: 비교적 빠르다.
- 데이터 유지: request 객체를 통해 데이터를 전달할 수 있다.
sendRedirect(location):
- 사용 방법: response.sendRedirect(location);
- 이동 범위: 동일한 서버뿐만 아니라 다른 서버의 URL로도 이동할 수 있다.
- URL 표시: 브라우저의 주소창에 이동한 페이지의 URL이 표시된다.
- 객체 전달: 새로운 request와 response 객체가 생성된다.
- 속도: forward에 비해 느리다.
- 데이터 유지: request 객체를 통해 데이터 전달이 불가능하며, session이나 cookie를 이용해야 한다.

📌JSTL(JSP Standard Tag Library)

1. JSP 표준 라이브러리이다.

2. JSP에서 (반복과 조건, 데이터 관리 포맷, XML 조작, 데이터베이스 액세스)을 구현하는 커스텀 태그 라이브러리 모음이다.

3. 시간, 날짜, 숫자의 포맷이나 문자열 가공 등의 처리에서 비즈니스 로직과 프리젠테이션 로직을 분리할 수 있게 해준다.

4. JSTL은 EL(Expression Language)를 사용하여 표현한다.

태그명	설명
<c:set />	변수 지정
<c:if />	조건문
<c:choose />	java의 switch문과 비슷
<c:when />	switch문의 case
<c:otherwise />	switch문의 default
<c:forEach />	for문
<c:url />	url에 자동으로 contextPath를 붙여주는 역할
<c: param />	파라미터를 전달
<c:out />	화면에 출력

1. <c:set />

<c:set scope="request" var="data" value="my_testValue" />
// request 범위(scope)에 data라는 이름의 변수를 설정하고 값으로 "my_testValue"를 저장하는 것을 의미한다.
request.setAttribute("data", "my_testValue"); 와 동일한 의미

2. <c: if />

JSP의 EL(Expression Language)에서는 "와 '를 모두 유효한 문자열 리터럴로 인식한다.

<c:if test="${memberType == 'admin'}">
	<h2>관리자입니다.</h2>
</c:if>

3. switch문

<c:choose>
	<c:when test="${test=='morning'}">
    	<p>choose 아침</p>
    </c:when>
   	<c:when test="${test=='lunch'}">
    	<p>choose 점심</p>
    </c:when>
    <c:otherwise>
    	<p>choose 저녁</p>
    </c:otherwise>
</c:choose>

4. forEach

<c:forEach var="i" begin="1" end="10" step="1">
	<p>${i}</p>
</c:forEach>

<c:forEach var="memberItem" items="${memberList}">
    <tr>
        <td>${memberItem.id}</td>
        <td>${memberItem.pw}</td>
        <td>${memberItem.name}</td>
    </tr>
</c:forEach>

5. <c:url />

<c:url var="jstl3url" value="/jstl3">
    <c:param name="data1" value="abc" />
    <c:param name="data2" value="def" />
</c:url>
// Generated URL: /contextPath/jstl3?data1=abc&data2=def

6. <c:out />

<c:out value="${str2}"></c:out>

input.jsp

<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>지역 선택</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-5">
        <div class="col-lg-6 mx-auto">
            <h3 class="text-center">지역 선택에 따른 배경색 변경</h3>
            <form action="result.jsp" method="post">
                <div class="form-group">
                    <label for="username">이름:</label>
                    <input type="text" id="username" name="username" class="form-control" placeholder="이름을 입력하세요" required>
                </div>
                <div class="form-group">
                    <label for="region">지역 선택:</label>
                    <select id="region" name="region" class="form-control">
                        <option value="서울">서울</option>
                        <option value="대전">대전</option>
                        <option value="구미">구미</option>
                        <option value="광주">광주</option>
                        <option value="부울경">부울경</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary btn-block">제출</button>
            </form>
        </div>
    </div>
</body>
</html>

result.jsp

<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>결과 페이지</title>
</head>
<body>
<%
    // 사용자가 입력한 값 가져오기
    String name = request.getParameter("username");
    String region = request.getParameter("region");

    // 지역에 따라 배경색 설정
    String backgroundColor;
    switch (region) {
        case "서울":
            backgroundColor = "lightblue";
            break;
        case "대전":
            backgroundColor = "orange";
            break;
        case "구미":
            backgroundColor = "pink";
            break;
        case "광주":
            backgroundColor = "green";
            break;
        case "부울경":
            backgroundColor = "purple";
            break;
        default:
            backgroundColor = "white"; // 기본값
    }
%>
    <style>
        body {
            background-color: <%= backgroundColor %>;
            color: #333;
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
    <h1>안녕하세요, <%= name %>님!</h1>
    <p>선택한 지역: <%= region %></p>
</body>
</html>

RegionColorServlet.java

package com.example;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

// @WebServlet으로 URL 매핑
@WebServlet("/regionColor")
public class RegionColorServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 1. 클라이언트 데이터 수집
        String name = request.getParameter("username");
        String region = request.getParameter("region");

        // 2. 지역에 따라 배경색 결정
        String backgroundColor;
        switch (region) {
            case "서울":
                backgroundColor = "lightblue";
                break;
            case "대전":
                backgroundColor = "orange";
                break;
            case "구미":
                backgroundColor = "pink";
                break;
            case "광주":
                backgroundColor = "green";
                break;
            case "부울경":
                backgroundColor = "purple";
                break;
            default:
                backgroundColor = "white"; // 기본값
        }

        // 3. 결과 데이터를 JSP로 전달
        request.setAttribute("name", name);
        request.setAttribute("region", region);
        request.setAttribute("backgroundColor", backgroundColor);

        // 4. JSP로 포워딩
        request.getRequestDispatcher("/result.jsp").forward(request, response);
    }
}

https://java-is-happy-things.tistory.com/26

JSP(Java Server Page)

JSP JSP란? 자바서버페이지(JSP)는 HTML 내 자바코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. Java EE 스펙 중 일부로 웹 애플리케이션서버에서 동

java-is-happy-things.tistory.com

728x90

'💻웹(Web)' 카테고리의 다른 글

코드 리팩토링 (1)	2024.12.20
Spring (0)	2024.12.02
Servlet (0)	2024.12.01
[공통프로젝트]5주차: React Openvidu 구현 (0)	2024.08.11
[React]초기세팅 (0)	2024.07.18

현재글JSP(Jakarta Server Pages), JSTL(JSP Standard Tag Library)

https://github.com/seoyoung927

250x250

Today :
Yesterday :

stonesy