JSP(Jakarta Server Pages)

💻웹(Web)

JSP(Jakarta Server Pages)

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 스크립팅 요소

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

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

jsp

코드 복사

<%! int counter = 0; %> <%! public int getCounter() { return counter; } %>
스크립틀릿(Scriptlet): 클라이언트 요청 시마다 호출되며, 서블릿의 service() 메서드에 해당하는 영역으로, 주로 요청과 응답에 관련된 코드를 작성합니다.

jsp

코드 복사

<% counter++; %>
표현식(Expression): 데이터를 브라우저에 출력할 때 사용합니다.

jsp

코드 복사

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

jsp

코드 복사

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

JSP 지시어(Directive)

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

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

JSP 기본 객체

JSP는 개발 편의를 위해 여러 기본 객체를 제공합니다:

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에서는 다른 페이지로 이동하기 위해 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를 이용해야 합니다.

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)

https://github.com/seoyoung927

250x250

Today :
Yesterday :

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

stonesy

JSP(Jakarta Server Pages)

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

JSP 스크립팅 요소

JSP 지시어(Directive)

JSP 기본 객체

JSP 기본 객체의 영역(Scope)

웹 페이지 이동

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

'💻웹(Web)'의 다른글

티스토리툴바

JSP(Jakarta Server Pages)

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

JSP 스크립팅 요소

JSP 지시어(Directive)

JSP 기본 객체

JSP 기본 객체의 영역(Scope)

웹 페이지 이동

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

'💻웹(Web)'의 다른글

관련글

티스토리툴바