코드일기장

[JSP] JSP에서 HTML 문서 생성하는 기본 구조 본문

JSP

[JSP] JSP에서 HTML 문서 생성하는 기본 구조

codeStudy123 2022. 2. 28. 12:42

 

 

JSP 코드를 작성하는 주된 목적은 웹 브라우저에 보여 줄 HTML 문서를 생성하는 것이다. 

 

HTML 문서를 생성하는 JSP 코드는 크게 설정 부분과 응답 생성 부분으로 구성된다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
	<%
		String str="JSP Programming";
		String str2="call";
	%>

	<strong><%=str %></strong>
	<br><%=str2 %></br>
</body>
</html>

 

위 코드의 1행은 설정 부분이고, 3~15행이 생성 부분이다.

 

 

 

설정 부분: JSP 페이지에 대한 설정 정보

생성 부분: HTML 코드 및 JSP 스크립트

 

설정 부분에 대해 더 자세히 알아보면

JSP의 설정 부분에는 크게 3가지가 있다.

  • JSP 페이지가 생성하는 문서의 타입(종류)
  • JSP 페이지에서 사용할 커스텀 태그
  • JSP 페이지에서 사용할 자바 클래스 지정

 

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

 

이 세 가지 이이에도 많은 설정 정보를 입력할 수 있다.

 

 

기본적인 JSP 페이지의 구성 요소

 

  • 디렉티브(Directive)
  • 스크립트: 스크립트릿(Scriptlet), 표현식(Expression), 선언부(Declaration)
  • 표현 언어(Expression Language)
  • 기본 객체(Implicit Object)
  • 정적인 데이터
  • 표준 액션 태그(Action Tag)
  • 커스텀 태그(Custom Tag)와 표준 태그 라이브러리(JSTL)

이 7가지 구성 요소들을 익히는 과정이 바로 JSP를 공부하는 과정이라고 볼 수 있다.

 

 

 

 

 

 

 

디렉티브(Directive)

<%@ 디렉티브이름 속성1="값" 속성2="값2"...%>

기본적인 디렉티브 구조이다.

<%@ 로 시작하여 그 뒤에 디렉티브 이름이 위치한다. 사용하려는 디렉티브에 맞게 속성이 위치한다.  (끝은 %>)

 

 

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

위 코드의 디렉티브 이름은 "page"이다.

contentType속성의 값은 "test/html; charset=UTF-8"이다.

pageEncoding속성의 값은 "UTF-8"이다.

 

 

 

JSP가 제공하는 디렉티브의 표를 만들어보았다.

디렉티브 설 명
page JSP 페이지에 대한 정보를 저장한다. JSP가 생성하는 문서의 타입, 출력 버퍼의 크기, 에러 페이지 등 JSP페이지에서 필요한 정보를 설정한다.
taglib JSP 페이지에서 사용할 태그 라이브러리를 지정한다.
include JSP 페이지의 특정 영역에 다른 문서를 포함시킨다.

 

 

 

 

스크립트 요소(Script)

 

JSP 문서의 내용을 동적으로 생성하기 위해 사용되는 것이 스크립트 요소이다. 스크립트 요소는 사용자가 폼에 입력한 데이터를 데이터 베이스에 저장할 수 있다, 데이터 베이스로부터 게시글을 읽어와 출력도 가능하다.

 

  • 표현식: 값을 출력한다.
  • 스크립트릿: 자바 코드를 실행한다.
  • 선언부: 자바 메서드를 만든다.

 

 

 

기본 객체

 

JSP는 웹 애플리케이션 프로그래밍을 하는데 필요한 기능을 제공해주는 '기본 객체'를 제공한다. request, response, application, page 등 다양한 객체가 존재한다. 이들은 요청 파라미터 읽기, 응답 결과 전송, 세션 처리하기 등 다양한 기능들을 제공하고 있다.

 

 

 

 

 

 

 

커버 사진

https://www.flaticon.com/kr/free-icon/jsp-open-file-format-with-java-logo_28968

<a href="https://www.flaticon.com/kr/free-icons/" title="자바 아이콘"> 자바 아이콘  제작자: Freepik - Flaticon </a>

'JSP' 카테고리의 다른 글

[JSP] forward, include 액션 태그  (0) 2022.08.04
[JSP] include 디렉티브 태그의 기능과 사용법  (0) 2022.07.21
[JSP] request 기본 객체  (0) 2022.03.07
[JSP] 스크립트 요소  (0) 2022.03.01
[JSP] page 디렉티브  (0) 2022.02.28
'JSP' Related Articles more
Comments