지시어(디렉티브): JSP 페이지에 대한 설정 정보를 지정하는 공간
1. <%@ page %>: JSP 페이지에 정보를 지정하는 공간.
- 어떻게 처리해야 하는지, 전달하기 위한 내용도 담고 있는 공간.
- 클라이언트의 요청에 JSP 페이지가 실행될 때 필요한 정보를 JSP 컨테이너에게 알려주는 역할
2. <%@ include %>: 현재 페이지에 다른 문서를 가져와서 내용을 컴파일 할 때 사용되는 됨.
형식)
<%@ include file="포함할 파일의 url"%>
- include 지시어를 사용한 JSP 페이지가 컴파일 되는 과정에서 include 되는 JSP 페이지의 소스 내용을 그대로 포함해서 컴파일을 진행함.
- 즉, 복사 붙여넣기 방식으로 두 개의 파일이 하나의 파일로 구성된 후 같이 컴파일 됨.
3. <%@ taglib %>: 사용할 태그 라이브러리를 지정.
- EL/ JSTL 언어 사용 시 적용.
1. 페이지 지시어
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-language="java" ==> 해당 JSP 페이지에서 사용되는 언어(java)
-contentType ==> JSP페이지의 내용을 어떤 형태로 출력할지를 브라우저에게 알려줌.
-charset: 문자 인코딩 방식
-import: 다른 패키지에 있는 클래스를 가져다 사용할 때 지정.
-session: HttpSession 속성의 사용 여부를 지정.
형식)
<%@ page session="true" %>
-isErrorPage: 에러 페이지인지의 여부를 지정.
-errorPage: 에러가 발생했을 때 보여줄 에러페이지를 지정.
-pageEncoding="UTF-8" ==> 현재 페이지의 문자 인코딩 설정
|
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<%@ page import="java.util.Calendar"%>
<%@ 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 su = 10;
System.out.println("su >>> " + su);
Calendar cal = Calendar.getInstance();
/* int year = cal.get(Calendar.YEAR);
int month = cal.get(Calendar.MONTH) + 1;
int day = cal.get(Calendar.DAY_OF_MONTH); */
%>
<%-- JSP 표현식 --%>
<%-- <h2>오늘 날짜: <%=year %>년 <%=month %>월 <%=day %>일</h2> --%>
<h2>
오늘 날짜: <%=cal.get(Calendar.YEAR) %>년
<%=cal.get(Calendar.MONTH)+1 %>월
<%=cal.get(Calendar.DAY_OF_MONTH) %>일
</h2>
<hr>
<h2>1부터 100까지의 합을 구해보자.</h2>
<%
int tot = 0;
for(int i=1; i<=100; i++) {
tot += i;
}
%>
<h2>1부터 100까지의 합 >>> <%=tot %></h2>
<%!
//자바에서 변수 선언 및 메서드를 선언하는 공간.
public int plus(int su1, int su2) {
return su1 + su2;
}
%>
<h2>15 + 76 = <%=plus(15, 76) %></h2>
</body>
</html>
|
cs |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" isErrorPage="true" errorPage="error.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
int su = 10 / 0;
%>
</body>
</html>
|
cs |
error 페이지 지시어 설정
|
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
32
33
34
35
36
37
38
39
40
|
<%@ 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>
<%
//구구단을 콘솔에 출력
for(int i=2; i<10; i++) {
System.out.println("*** "+i+"단 ***");
for(int j=1; j<10; j++) {
System.out.println(i+ "*" +j+ "= " +(i*j));
}
System.out.println();
}
%>
<%-- 구구단을 HTML로 출력 --%>
<%
for(int i=2; i<10; i++) {
%>
*** <%=i %>단 *** <br>
<%
for(int j=1; j<10; j++) {
%>
<%=i %> * <%=j %> = <%=i*j %> <br>
<%
}
%>
<br>
<%
}
%>
</body>
</html>
|
cs |
구구단을 출력해보기. 웹 페이지에 출력하기 위해서는 지저분한 코드를 작성해야 함.
|
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
32
33
34
35
|
<%@ 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>
<div align="center">
<hr width="50%" color="blue">
<h2>로그인 페이지</h2>
<hr width=50% color="blue">
<br>
<form action="Ex04_01.jsp">
<table border="1" cellspacing="0">
<tr>
<th>아이디</th>
<td>
<input type="text" name="id">
</td>
<tr>
<tr> <th>비밀번호</th> <td> <input type="password" name="pwd"> </td> <tr> <tr>
<td colspan="2" align="center">
<input type="submit" value="로그인">
<input type="reset" value="취소">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
|
cs |
|
|
|
로그인 페이지 설계
|
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
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
//Ex04.jsp 페이지에서 넘어온 데이터들을 처리
String userId = request.getParameter("id");
String userPwd = request.getParameter("pwd");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div align="center">
<h2>
입력한 아이디: <%=userId %> <br>
입력한 비밀번호: <%=userPwd %>
</h2>
</div>
</body>
</html>
|
cs |
로그인 페이지의 id와 pwd 넘겨받기.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<%@ 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>
<div align="center">
<%@ include file="include/header.jsp" %>
<h2>본문 JSP 페이지입니다.</h2>
<%@ include file="include/footer.jsp" %>
</div>
</body>
</html>
|
cs |
include 사용하기
'국기훈련과정 > JSP' 카테고리의 다른 글
| 06. JSP와 DB 연동하기 2 (0) | 2021.10.22 |
|---|---|
| 05. JSP와 JDBC 연동하기 (0) | 2021.10.19 |
| 04. 쿠키와 세션 (0) | 2021.10.18 |
| 02. JSP_01 (0) | 2021.10.15 |
| 01. 웹 프로그래밍 (0) | 2021.10.14 |
