JSP

JSP 기초 문법

DDG9 2024. 7. 3. 17:10

JSP는 기본적으로 HTML 문서 안에 자바 언어를 삽입해 사용할 수 있도록 설계 되어 있습니다.

그래서 실제로 대부분의 변수 선언, 메서드 선언, 로직 등은 자바 언어로 작성할 수 있습니다.

하지만 HTML 사이에 자바 코드를 끼워 넣을 때 필요한 문법이 몇가지 있습니다.

 

JSP 기초 문법 종류

  • JSP 지시어, Directive
  • 스크립트릿(Scriptlet)
  • 선언부(Declaration)
  • 표현부(Expession)
  • JSP 액션 태그 </aside>

 

JSP 지시어, Directive

<%@ xxxx…. %>

JSP 디렉티브는 JSP 페이지의 전반적인 속성을 설정합니다. 주로 페이지 속성, import 등을 지정합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ page import="java.lang.Math" %>

 

스크립트릿(Scriptlet)

  • Java 코드를 HTML 중간에 삽입할 때 사용한다.
  • <% ... %> 태그 사이에 Java 코드를 작성한다 (코드 실행 영역에 해당)
<% 
    String greeting = "Hello, JSP!";
    out.println(greeting);
%>

 

선언부(Declaration)

JSP 페이지에서 변수를 선언하거나 메서드를 정의할 때 사용한다.

  • <%! ... %> 태그를 사용한다.
<%! 
    private String greeting = "Hello, JSP!";
    
    public String getGreeting() {
        return greeting;
    }
%>

 

표현식(Expression)

  • 값을 출력할 때 사용하며, Java 표현식을 평가한 결과를 HTML로 출력한다.
  • <%= ... %> 태그를 사용한다.
<%
    String greeting = "Hello, 길동!";
%>
<p>Greeting: <%= greeting %></p>

 

JSP 액션 태그(Action Tags)

  • JSP 페이지에서 자바빈즈(Beans)를 사용하거나 다른 JSP 페이지를 포함시키는 등의 작업을 수행할 때 사용됩니다.
// 자바빈즈를 생성하거나 찾을 때 사용합니다.
<jsp:useBean id="myBean" class="com.example.MyBean" scope="session" />

// 자바빈즈의 속성 값을 설정할 때 사용합니다.
<jsp:setProperty name="myBean" property="username" value="JohnDoe" />

// 자바빈즈의 속성 값을 가져올 때 사용합니다.
<p>Username: <jsp:getProperty name="myBean" property="username" /></p>

// 다른 JSP 페이지를 포함시킬 때 사용합니다. 
<jsp:include page="header.jsp" />

// 다른 JSP 페이지로 요청을 포워드할 때 사용합니다.
<jsp:forward page="nextPage.jsp" />

... 등

 

자바빈즈(JavaBeans)란?

  • 재사용 가능한 객체: 자바빈즈는 재사용 가능하도록 설계된 Java 객체입니다.
  • 특정 규약이 적용된 객체: 자바빈즈는 캡슐화, 기본 생성자, 직렬화 등의 규약을 따릅니다.
    • 캡슐화(Encapsulation): 필드는 private으로 선언하고, 접근자 메서드(getter)와 설정자 메서드(setter)를 통해 접근합니다.
    • 기본 생성자(Default Constructor): 자바빈즈 클래스는 기본 생성자를 반드시 가져야 합니다.
    • 직렬화(Serialization): 자바빈즈는 Serializable 인터페이스를 구현하여 직렬화할 수 있습니다.
  • 데이터 저장, 연산 및 전송: 자바빈즈는 애플리케이션에서 데이터를 저장하고, 연산을 수행하며, 다른 컴포넌트나 시스템으로 데이터를 전송하는 데 도움을 줍니다.

정리

동일한 클래스를 여러 곳에서 인스턴스화 해서 사용가능하며 스코프(scope) 내에서 재사용될 수 있습니다. 세션 스코프(scope)에서 생성된 자바빈즈 객체는 세션 내내 동일한 객체로 유지될 수 있습니다.

 

자바빈즈와 스코프

  • page: 현재 페이지에서만 사용 가능 (기본값)
  • request: 하나의 요청 동안 사용 가능
  • session: 세션 동안 사용 가능
  • application: 애플리케이션 전체에서 사용 가능 </aside>

코드 실습 1 - 인사말 생성기

  1. HTML 폼 만들기
  2. greet.jsp 작성하기
  3. 결과 및 테스트
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>인사말 생성기</h1>
	<!-- 절대 경로 -->
	<!-- 상대 경로 -->
	<form action="greet.jsp" method="POST">
		<label for="">당신의 이름을 입력하세요: </label>
		<input type="text" id="name" name="name" required="required">
		<button type="submit">서버로 제출</button>
	</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- JSP 페이지의 설정을 정의하는 지시자 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>인사말을 완성 하였습니다.</h1>
	<%
	// 자바 실행 코드
	// request 객체에서 값 추출
	String name = request.getParameter("name");
	if (name == null || name.trim().isEmpty()) {
		out.println("<p> 앗! 당신의 이름을 먼저 입력해주세요 </p>");
	} else {
		out.println("<p>반가워, " + name + "! 나의 JSP Site에 잘 왔어 환영~~</p>");
	}
	%>
	<!-- 다시 이전 페이지로 (특정 페이지로 이동) -->
	<a href="greet_from_page.html">Back</a>
</body>
</html>

 

코드 실습 2 - 간단한 계산기

  1. HTML 폼 만들기
  2. calculate.jsp 작성하기
  3. 결과 및 테스트
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {
	display: flex;
	height: 100vh;
	justify-content: center;
	align-items: center;
	margin: 0;
	background-color: #f0f0f0;
}

.container {
	background-color: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 300px;
}

form {
	flex-direction: column;
}

label {
	font-weight: bold;
	font-family: sans-serif;
}

input[type="number"] {
	width: 280px;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 15px;
}

input[type="submit"] {
	background-color: #5b5;
	width: 290px;
	height: 35px;
	color: white;
	border: none;
	color: white;
	border: none;
	border-radius: 5px;
}

input[type="submit"]:hover {
	background-color: #171;
}
</style>
</head>
<body>
	<div class="container">
	    <h1>간단한 계산기</h1>
	    <form action="calculate.jsp" method="POST">
	        <label for="num1">첫번째 숫자를 입력하세요</label>
                <input type="number" id="num1" name="num1" required="required">
                <label for="num2">두번째 숫자를 입력하세요</label>
                <input type="number" id="num2" name="num2"required="required">
                <input type="submit" value="계산 요청하기">
	    </form>
	</div>
</body>
</html>
<%@page import="jakarta.servlet.jsp.tagext.TryCatchFinally"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>계산 결과</title>
</head>
<body>
	<h1>계산 결과</h1>
	<!-- html 주석 입니다 -->
	<%-- jsp 주석 입니다 (클라이언트에서 안보임)--%>
	<a href="calculator_form.html"
		style="background-color: #999; text-decoration: none; border-radius: 10px;">뒤로가기</a>
	<%
	// 폼에서 데이터 추출
	String num1 = request.getParameter("num1");
	String num2 = request.getParameter("num2");
	// 방어적 코드 작성
	if (num1 != null && num2 != null) {
		try {
			double add = Double.parseDouble(num1) + Double.parseDouble(num2);
			double minus = Double.parseDouble(num1) - Double.parseDouble(num2);
			double multiply = Double.parseDouble(num1) * Double.parseDouble(num2);
			double divide = Double.parseDouble(num1) / Double.parseDouble(num2);
			out.println("<h2>덧셈 결과 값 : " + add + "</h2>");
			out.println("<h2>뺄셈 결과 값 : " + minus + "</h2>");
			out.println("<h2>곱셈 결과 값 : " + multiply + "</h2>");
			out.println("<h2>나눗셈 결과 값 : " + divide + "</h2>");
		} catch (NumberFormatException e) {
			out.println("<p>두 숫자를 모두 입력하세요</p>");
		}
	}
	// 계산의 결과를 스트림을 통해 내려주기
	%>
</body>
</html>

 

'JSP' 카테고리의 다른 글

JSP 기본 태그 (스크립트릿, 선언, 표현식)  (0) 2024.07.03
JSP 주석과 지시자  (0) 2024.07.03
JSP 라이프사이클  (1) 2024.07.03
JSP(Java Server Pages)  (1) 2024.07.03
서블릿 필터와 리스너  (0) 2024.07.02

'JSP'의 다른글

  • 현재글JSP 기초 문법

관련글

티스토리툴바