Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
Total
관리 메뉴

거니의 velog

(3) JSP 스크립트 요소 기능 1 본문

Java/Java_JSP

(3) JSP 스크립트 요소 기능 1

Unlimited00 2023. 9. 7. 20:49

* 지금까지 컨테이너에서 JSP의 동작 과정을 알아보았다. HTML 태그는 컨테이너 작업 없이 바로 브라우저로 전송되어 화면을 구현하기 때문에 HTML 태그로 화면을 구현하면 조건에 따라 화면을 동적으로 구성할 수 없다. 반면에 JSP는 컨테이너에서 자바로 변환되는 과정을 거치므로 JSP에서 제공하는 스크립트 요소를 이용하면 조건이나 상황에 맞게 HTML 태그를 선택적으로 전송할 수 있다. 즉, 화면을 동적으로 구성할 수 있다.

* 지금부터 JSP 스크립트 요소 기능에 대해 좀 더 알아보자.

1. JSP 스크립트 요소

* JSP 스크립트 요소(Scripting Element)란 JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능으로, <% %> 기호 안에 자바 코드로 구현한다. <% %> 기호를 스크립트릿(scriptlet)이라고 부른다.

* 스크립트 요소의 종류는 다음과 같이 세 가지이다.

1. 선언문(declaration tag) : JSP에서 변수나 메서드를 선언할 때 사용한다.

2. 스크립트릿(scriptlet) : JSP에서 자바 코드를 작성할 때 사용한다.

3. 표현식(expression tag) : JSP에서 변수의 값을 출력할 때 사용한다.

2. 선언문 사용하기

* 선언문(declararion tag)은 JSP 페이지에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용한다. 선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환된다. 선언문의 형식은 다음과 같다.

<%! 멤버 변수 or 멤버 메서드 %>

* JSP가 처음 나온 초기에는 이처럼 자바 코드를 이용해 JSP 페이지의 필요한 변수나 메서드를 구현했다.

(1) JSP에서 선언문 실습

1. 새 프로젝트 pro12를 만들고 hello.jsp 파일을 생성한다.

2. 선언문을 사용한 hello.jsp를 다음과 같이 작성한다. 선언문은 일반적으로 JSP 페이지의 상단에 주로 사용한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%!
   String name = "듀크";
   public String getName(){ return name;} // 선언문을 이용해 멤버 변수 name과 멤버 메서드 getName()을 선언한다.
%>

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>선언문 연습</title>
    </head>

    <body>
    	<!-- 표현식을 이용해 선언문에서 선언한 name의 값을 출력한다. -->
        <h1>안녕하세요 <%=name %>님!!</h1>
    </body>

</html>

3. 브라우저에서 다음의 주소로 요청한다.

- http://localhost:8090/pro12/hello.jsp

4. 변환된 자바 코드를 보면 선언문에서 선언된 변수와 메서드는 서블릿 클래스의 멤버 변수와 멤버 메서드로 변환된 것을 알 수 있다. 따라서 선언문에서 선언된 변수는 JSP(서블릿 클래스) 안에서 자유롭게 접근할 수 있다.

3. 스크립트릿 사용하기

* 보통 웹 페이지는 디자이너가 주도적으로 구현하는 부분인 만큼, 웹 페이지 구현 시 디자이너에게 어려운 자바 코드는 거의 사용되지 않는다. 스크립트릿은 초기의 JSP에서 자바 코드를 이용해 화면의 동적인 기능을 구현했다. 비록 현재 JSP 페이지에서는 거의 사용되지 않지만 자바 코드로 화면의 동적인 기능을 구현할 수 있다면 자바 코드를 대체해서 나온 여러 가지 태그들을 이해하는 데에도 분명 도움이 될 것이다.

* 스크립트릿의 형식은 다음과 같다.

<% 자바 코드 %>

(1) JSP에서 스크립트릿 실습

1. JSP에서 스크립트릿 실습을 위해 hello2.jsp 파일을 준비한다.

2. 브라우저에서 JSP로 전송된 값을 얻기 위해 <% %> 안에 자바 코드를 사용하여 age 값을 가져온다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%!
    String name = "이순신";
    public String getName(){ return name;}
%>

<% 
	String age = request.getParameter("age"); // 스크립트릿을 이용해 자바 코드를 작성한다. 
%>

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>스크립틀릿 연습</title>
    </head>

    <body>
        <h1>안녕하세요 <%=name %>님!!</h1>
        <!-- 표현식을 이용해 전송된 나이를 출력한다. -->
        <h1>나이는 <%=age %>살입니다!!</h1>
    </body>

</html>

3. 다음 주소로 요청한다.

- http://localhost:8090/pro12/hello2.jsp?age=22

* 첫 번째 그림은 브라우저에서 JSP 페이지 요청 시 변경된 서블릿이고, 두 번째 그림은 브라우저로 전송된 HTML 태그입니다. 이를 통해 JSP의 스크립트 요소는 브라우저로 전송되지 않고 브라우저로 전송되기 전에 컨테이너에서 자바 코드로 변환되는 것을 알 수 있다.

서블릿으로 변경된 상태
브라우저로 전송된 HTML 태그

* <% %> 안에는 자바 코드만 쓸 수 있다는 점 꼭 기억하자!

4. 표현식 사용하기

* 표현식(expression tag)은 JSP 페이지의 정한 위치에 값을 출력하는 기능이다. 즉, JSP 페이지에서 변수나 메서드의 결괏값 등을 브라우저에 출력하는 용도로 사용한다.

* 표현식의 형식은 다음과 같다.

<%= 값 or 자바 변수 or 자바 식 %>

(1) JSP 페이지에서 표현식 실습

1. 다음과 같이 hello3.jsp 파일을 준비한다.

2. 다음과 같이 hello3.jsp를 작성한다. 표현식을 이용해 JSP 페이지에서 선언한 변수와 여러 가지 값을 HTML의 원하는 위치에 출력한다. 이 때 <%= %> 안의 자바 변수나 자바 식에는 세미콜론(;)이 있으면 안 된다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%!
   String name = "이순신";
   public String getName(){ return name;}
%>
<% String age=request.getParameter("age"); %>

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>표현식 연습</title>
    </head>

    <body>
    	<!-- &lt;%= %&gt;를 이용해 값을 출력한다. -->
        <h1>안녕하세요 <%=name %>님!!</h1>
        <h1>나이는 <%=age %>살입니다!!</h1>
        <h1>키는 <%=180 %>cm입니다!!</h1>
        <!-- age의 값에 10을 더한 값을 출력한다. -->
        <h1>나이+10은 <%=Integer.parseInt(age)+10 %>살입니다!!</h1>
    </body>

</html>

3. 다음의 주소로 요청하여 결과를 확인한다.

- http://localhost:8090/pro12/hello3.jsp?age=22

* 다음 그림은 서블릿으로 변환된 코드이다. 표현식 안의 값은 print()를 이용해 브라우저에 출력된다.

* 만약 선언문 안에 다음과 같이 세미콜론을 추가하면 어떻게 될까?

* <%= %> 안의 자바 변수나 자바 식에는 세미콜론(;)이 있으면 안 된다는 것 꼭 기억하자!

* 스크립트 요소는 브라우저에서 JSP 페이지 요청 시 모두 서블릿의 자바 코드로 변환된다. 즉, 스크립트 요소는 브라우저로 전송되지 않는다. 브라우저는 HTML 태그, CSS, 자바스크립트만 전달받는다.

'Java > Java_JSP' 카테고리의 다른 글

(6) JSP 스크립트 요소 기능 4  (0) 2023.09.11
(5) JSP 스크립트 요소 기능 3  (0) 2023.09.08
(4) JSP 스크립트 요소 기능 2  (0) 2023.09.08
(2) JSP의 정의와 구성 요소 2  (0) 2023.09.07
(1) JSP의 정의와 구성 요소 1  (0) 2023.09.04
'Java/Java_JSP' Related Articles more