[56] 230320 JSP Ch. 3 JSP로 시작하는 웹 프로그래밍, Ch. 4 필수 이해 요소 [K-디지털 트레이닝 56일]

Notice

Recent Posts

Recent Comments

Links

« 2024/12 »
일	월	화	수	목	금	토
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

Tags more

Archives

Today

In Total

관리 메뉴

A Joyful AI Research Journey🌳😊

[56] 230320 JSP Ch. 3 JSP로 시작하는 웹 프로그래밍, Ch. 4 필수 이해 요소 [K-디지털 트레이닝 56일] 본문

🌳Bootcamp Revision 2023✨/HTML5, CSS3, JSP

[56] 230320 JSP Ch. 3 JSP로 시작하는 웹 프로그래밍, Ch. 4 필수 이해 요소 [K-디지털 트레이닝 56일]

yjyuwisely 2023. 3. 20. 12:48

230320 Mon 56th class
230321 Tue 57th class

Ch. 3 JSP로 시작하는 웹 프로그래밍
Ch. 4 필수 이해 요소
진도: p. 50 ~ (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
진도: p. 80 ~ (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운

product.kyobobook.co.kr

오늘 배운 것 중 기억할 것을 정리했다.

- 서버 연결할 때 Window - Show View - Servers 선택한다.
- WebContent파일 눌러서 파일 만든다.

PART 1 웹 프로그래밍 기초
Ch. 3 JSP로 시작하는 웹 프로그래밍

책의 목차
01 JSP에서 HTML 문서를 생성하는 기본 코드 구조

02 JSP 페이지의 구성 요소
2.1 디렉티브
2.2 스크립트 요소
2.3 기본 객체
2.4 표현 언어
2.5 표준 액션 태그와 태그 라이브러리

03 page 디렉티브
3.1 contentType 속성과 캐릭터 셋
3.2 import 속성
3.3 trimDirectiveWhitespaces 속성을 이용한 공백 처리
3.4 JSP 페이지의 인코딩과 pageEncoding 속성

04 스크립트 요소
4.1 스크립트릿
4.2 표현식
4.3 선언부

05 request 기본 객체
5.1 클라이언트 정보 및 서버 정보 읽기

5.2 요청 파라미터 처리
5.2.1 HTML 폼과 요청 파라미터
5.2.2 request 기본 객체의 요청 파라미터 관련 메서드
5.2.3 GET 방식 전송과 POST 방식 전송
5.2.4 요청 파라미터 인코딩
5.2.5 톰캣에서 GET 방식 파라미터를 위한 인코딩 처리하기

5.3 요청 헤더 정보의 처리

06 response 기본 객체
6.1 웹 브라우저에 헤더 정보 전송하기
6.2 웹 브라우저 캐시 제어를 위한 응답 헤더 입력
6.3 리다이렉트를 이용해서 페이지 이동하기

07 JSP 주석

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

3.1 JSP에서 HTML 문서를 생성하는 기본 코드 구조

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- 디렉티브 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 문서의 제목</title>
</head>
<body>
<% // 스크립트요소
	String bookTitle = "JSP 프로그래밍";
	String author = "최범균";
%>
<b><%= bookTitle %></b>(<%= author %>)입니다. <!-- 스크립트 요소 2개 -->
<!--  %뒤의 = 는 출력하라는 의미 -->
</body>
</html>

01행: 설정 부분
02-13행: 생성 부분

실행해 보기) 이클립스에서 파일 우클릭 run as를 누른다.

실행 오류 났을 때 해결 참고 링크

충돌 문제로 에러가 났는데, 포트번호를 바꾸면 된다. 8080 -> 8081

결과)

톰캣: 배포할 땐 끈다.

3.2 JSP 페이지의 구성 요소

1) 디렉티브

2) 스크립트 요소

표현식(Expression): 값을 출력한다. (=)
스크립트릿(Scriptlet): 자바 코드를 실행한다.
선언부(Declaration): 자바 메서드(함수)를 만든다.

3) 기본 객체

4) 표현 언어 (Expression Language) p. 55

자바 문법 대신, 두 개의 문자열 값을 정수로 변환한 뒤, 두 숫자를 곱한 값을 응답으로 출력하는 코드를 아래의 표현 언어로 간결하게 나타낼 수 있다.

a * b = ${param.a * param.b}

표현 언어를 사용하는 것이 코드를 간결하고 이해하기 좋게 만들어주기 때문에, 특별한 이유가 없는 한 표현 언어를 주로 사용한다. (Ch. 11 표현 언어 (Expression Language)에서 자세하게 살펴본다.)

5) 표준 액션 태그와 태그 라이브러리

3.3 page 디렉티브 p. 55

속성	설명	기본값
contentType	JSP가 생성할 문서의 MIME 타입과 캐릭터 인코딩을 지정한다.	text/html
import	JSP 페이지에서 사용할 자바 클래스를 지정한다.
session	JSP 페이지가 세션을 사용할지의 여부를 지정한다. "true"일 경우 세션을 사용하고, "false"일 경우 세션을 사용하지 않는다.	true
buffer	JSP 페이지의 출력 버퍼 크기를 지정한다. "none"일 경우 출력 버퍼를 사용하지 않으며, "8kb"라고 입력한 경우 8킬로바이트 크기의 출력 버퍼를 사용한다.	최소 8kb
autoFlush	출력 버퍼가 다 찼을 경우 자동으로 버퍼에 있는 데이터를 출력 스트림에 보내고 비울지 여부를 나타낸다. "true"인 경우 버퍼의 내용을 웹 브라우저에 보낸 후 버퍼를 비우며, "false"인 경우 에러를 발생시킨다.
info	JSP 페이지에 대한 설명을 입력한다.
errorPage	JSP 페이지를 실행하는 도중에 에러가 발생할 때 보여줄 페이지를 지정한다.
iserrorPage	현재 페이지가 에러가 발생될 때 보여주는 페이지인지의 여부를 지정한다. "true"일 경우 에러 페이지이며, "false"일 경우 에러 페이지가 아니다.	false
pageEncoding	JSP 페이지 소스 코드의 캐릭터 인코딩을 지정한다.
isELIgnored	"true"일 경우 표현 언어를 해석하지 않고 문자열로 처리하며, "false"일 경우 표현 언어를 지원한다.	false
deferredSyntaxAllowedAsLiteral	#{ 문자가 문자열 값으로 사용되는 것을 허용할지의 여부를 지정한다.	false
trimDirectiveWhitespaces	출력 결과에서 템플릿 텍스트의 공백 문자를 제거할지의 여부를 지정한다.	false

예제 코드의 첫 줄에 대한 설명이다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- 디렉티브 -->

1) contentType 속성과 캐릭터 셋

예시) invalidCharset.jsp

<%@ page contentType="text/html; charset=iso-8859-1" %>
<%@ page import="java.util.Date" %>
<%
	Date now = new Date();
%>
<html>
<head><title>현재 시간</title></head>
<body>
현재 시각: 
<%= now %>
</body>
</html>

결과)

2) import 속성

3) trimDirectiveWhitespaces 속성을 이용한 공백 처리

4) JSP 페이지의 인코딩과 pageEncoding 속성

3.4 스크립트 요소 p. 65

<%@ %> : 디렉티브

스크립트 요소
1. 스크립트릿: <% %> : 자바 실행
2. 표현식: <%= 값 %> : 출력
3. 선언부: <%! %>

1) 스크립트릿(Scriptlet) <% %>

JSP 페이지에서 자바 코드를 실행할 때 사용하는 코드 블록이다.

<%
    자바코드1;
    자바코드2;
    자바코드3;
    ...
%>

'<%'로 시작해서 '%>'로 끝나며, '<%'와 '%>' 사이에는 실행할 자바 코드가 위치한다.

예시 3-8) 1부터 10까지의 합을 구하는 JSP 페이지 oneToTen.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>one To Ten</title>
</head>
<body>
<%
	int sum = 0;
	for (int i = 1; i <= 10; i++){
		sum = sum + i;
	}
%>
1부터 10까지의 합은 <%= sum %> 입니다.
</body>
</html>

결과)

2) 표현식(Expression) <%= 값 %>

어떤 값을 출력 결과에 포함시키고자 할 때 사용된다.

<%= 값 %>
<%= sum %>

'<%'로 시작해서 '%>'로 끝나며, '<%'와 '%>' 사이에는 출력할 값이 위치한다.

3) 선언부(Declaration) <%! %>

JSP 페이지의 스크립트릿이나 표현식에서 사용할 수 있는 메서드를 작성할 때에는 선언부(declaration)를 사용한다.

<%!
	public 리턴타입 메서드이름(파라미터목록){ <!-- 메서드 내에서 사용될 변수 -->
    	자바코드1;
        자바코드2;
        ...
        자바코드3;
        return 값;
}
%>

선언부의 위치는 상관없다.

예시 3-11) 선언부를 사용하여 두 정수의 곱을 계산해 주는 예 useDecl.jsp

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

<%!
	public int multiply(int a, int b){
		int c = a * b;
			return c;
	}	
%>

<html>
<head>
<meta charset="UTF-8">
<title>선언부를 사용한 두 정수값의 곱</title>
</head>
<body>

10 * 25 = <%= multiply(10,25) %>

</body>
</html>

결과)

HTML에 이어, CSS, Javascript 연결한다.

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

<%!
	public int multiply(int a, int b){
		int c = a * b;
			return c;
	}	
%>

<html>
<head>
<!-- CSS 연결 -->
<!-- javascript 연결 -->
<meta charset="UTF-8">
<title>선언부를 사용한 두 정수값의 곱</title>
</head>
<body>

10 * 25 = <%= multiply(10,25) %>

</body>
</html>

웹에서도 사용하는 자바객체들이 정해져 있다. (request, response 등)

3.5 request 기본 객체 p. 72

2023.03.20 - [🌳K-Digital Revision 2023✨/JSP] - [56] 230320 [K-디지털 트레이닝 56일] JSP Ch. 1 들어가기, Ch. 2 웹 프로그래밍 기초, Ch. 13 이클립스를 이용한 웹 개발

request 기본 객체는 웹 브라우저의 요청과 관련이 있다. 웹 브라우저에 웹 사이트의 주소를 입력하면, 웹 브라우저는 해당 웹 서버에 연결한 후 요청 정보를 전송하는 데 이 요청 정보를 제공하는 것이 request 기본 객체이다.

1) 클라이언트 정보 및 서버 정보 읽기

request 기본 객체는 웹 브라우저, 즉 클라이언트가 전송한 정보와 서버 정보를 구할 수 있는 메서드를 제공한다.

예시 3-13) 클라이언트와 서버 정보를 보여주는 예제 JSP 페이지 requestInfo.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>클라이언트 및 서버 정보</title>
</head>
<body>

클라이언트ID = <%= request.getRemoteAddr() %> <br>
요청정보길이 = <%= request.getContentLength() %> <br>
요청정보 인코딩 = <%= request.getCharacterEncoding() %> <br>
요청정보 컨텐츠타입 = <%= request.getContentType() %> <br>
요청정보 프로토콜 = <%= request.getProtocol() %> <br>
요청정보 전송방식 = <%= request.getMethod() %> <br>
요청 URI = <%= request.getRequestURI() %> <br>
컨텍스트 경로 = <%= request.getContextPath() %> <br>
서버이름 = <%= request.getServerName() %> <br>
서버포트 = <%= request.getServerPort() %> <br>

</body>
</html>

결과)
요청 URI, 서버이름, 서버포트가 흔하게 쓰인다.
URL 주소를 통해서 명령을 내린다.

localhost:8081 옆에 있는 JSPExample이 컨텍스트 경로이다.
따로 설정하지 않으면 프로젝트 이름이다.

서버 이름은 localhost이다. (도메인을 안 샀으므로)

그림 참고: https://ulralra-dev.tistory.com/20

여기서 컨텍스트 경로 변경 가능하다. Edit를 컨텍스트 경로(여기선, JSPExample을 지울 수 있다.)

https://www.naver.com/

http://localhost:8081/JSPExample/230320p73requestInfo.jsp

2) 요청 파라미터 처리

ex) 네이버에 검색하는 것, 게시판에 글 쓰는 것

2.1) HTML 폼과 요청 파라미터

파라미터: 매개변수
<input> 태그의 name 속성이 중요하다.
name 속성의 값이 입력 요소의 이름이 된다.

이름: <input type="text" name="name" size="10"> <br>
주소: <input type="text" name="address" size="30"> <br>
좋아하는 동물:
	<input type="checkbox" name="pet" value="dog">강아지
	<input type="checkbox" name="pet" value="cat">고양이
	<input type="checkbox" name="pet" value="pig">돼지

2.2) request 기본 객체의 요청 파라미터 관련 메서드

예시) 폼에 입력한 값을 출력해 주는 JSP 페이지 [사용자를 위한 폼] form.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>폼 생성</title>
</head>
<body>

<!--  사용자를 위한 폼(화면) -->
<form action="viewParameter.jsp" method="post"> 
<!-- action: 서버 이름, 특정 폴더 내에 속하는 거면 폴더 지정하기 폴더/viewParameter.jsp -->
이름: <input type="text" name="name" size="10"> <br>
주소: <input type="text" name="address" size="30"> <br>
좋아하는 동물:
	<input type="checkbox" name="pet" value="dog">강아지
	<input type="checkbox" name="pet" value="cat">고양이
	<input type="checkbox" name="pet" value="pig">돼지
<br>
<input type="submit" value="전송">

</form>

</body>
</html>

결과)

예제 3-15) 폼에 입력한 데이터를 보여준다. [서버] viewParameter.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
	request.setCharacterEncoding("utf-8");
%>
<html>
<head>
<meta charset="UTF-8">
<title>요청 파라미터 출력</title>
</head>
<body>
name 파라미터 = <%= request.getParameter("name") %> <br> <!-- 변수에 저장하지 않고 바로 출력 -->
address 파라미터 = <%= request.getParameter("address") %>
<p> <!-- 엔터 효과 -->
<%
	String[] values = request.getParameterValues("pet"); //같은 이름 "pet"으로 둔다.
	if (values != null){
		for (int i = 0; i < values.length; i++){
%>
	<%= values[i] %>
<%
		}
	}
%>	
</body>
</html>

결과)

2.3) GET 방식 전송과 POST 방식 전송

2023.01.10 - [🌳K-Digital Revision 2023✨/Javascript] - [10] 230110 [K-디지털 트레이닝 10일] Ch. 8 자바스크립트 기초: 8. 숫자와 문자열 사이의 변환

Get 방식

<form action="viewParameter.jsp" method="get">

URL 주소 뒤에 파라미터를 붙여서 데이터를 전달하는 방식이다.
(URL(Uniform Resource Locator): 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열)
Get 방식이 Post 방식보다 비교적 전송되는 속도가 빠르나 보안에는 취약하다.
method를 따로 언급 안 하면 기본적으로 Get 방식이다.
ex) 검색어
ex) file:///D:/221229/html/WebContent/ch03_02_req.html?id=1234&password=5678

기본은 GET 방식이다.

Post 방식

http://localhost:8081/JSPExample/viewParameter.jsp

<form action="viewParameter.jsp" method="post">

사용자가 입력한 데이터를 URL 주소에 붙이지 않고 HTTP Request 헤더에 포함시켜 전달하는 방식이다.
Post 방식이 Get 방식보다 보안에는 강하나, 속도는 느리다.
길이 제한이 없으며, 보안이 유지된다.
ex) 로그인
ex) file:///D:/221229/html/WebContent/ch03_02_req.html

loginform.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인 폼</title>
</head>
<body>
<form action="login.jsp" method="post">
	아이디: <input type="text" name="memberId">
	<input type="submit" value="로그인">
</form>
</body>
</html>

예제 3-19) login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인에 실패</title>
</head>
<body>
<%
	//사용자화면(loginform.jsp)에서 로그인할 때 아이디(memberId)값을 서버에 전송
	//로그인을 해라라고 요청
	String id = request.getParameter("memberId");
	//아이디 입력했고, madvirus이면(검증)
	if (id != null && id.equals("madvirus")) {
		//서버에서 사용자에게 로그인을 하면서 index.jsp로 이동(응답)
		response.sendRedirect("index.jsp");
	} else { //그렇지 않으며
%>
<!-- 잘못된 아이디입니다를 출력한다. -->
	잘못된 아이디입니다
	"로그인 실패"<br>
	<a href="loginform.jsp">다시 로그인하기</a>
</body>
</html>
<%
	}
%>

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3장 예제</title>
</head>
<body>
3장의 인덱스 페이지
"로그인 성공"
</body>
</html>

참고: https://rsorry.tistory.com/188

결과)

2.4) 요청 파라미터 인코딩

아래 코드를 사용해서 POST 방식의 한글 깨짐을 방지한다.

<%
	request.setCharacterEncoding("utf-8");
%>

<a> 태그는 기본적으로 GET 방식이다.

2.5) 톰캣에서 GET 방식 파라미터를 위한 인코딩 처리하기

톰캣 8부터는 기본적으로 설정이 되어있다.

3) 요청 헤더 정보의 처리

3.6 response 기본 객체

1) 웹 브라우저에 헤더 정보 전송하기

2) 웹 브라우저 캐시 제어를 위한 응답 헤더 입력

3) 리다이렉트를 이용해서 페이지 이동하기

리다이렉트: 웹 서버가 웹 브라우저에게 다른 페이지로 이동하라고 응답하는 기능
ex) 사용자가 로그인에 성공한 후 메인 페이지로 자동으로 이동하는 사이트

response.sendRedirect(String location)

예제 3-19) login.jsp

<%@ page contentType="text/html; charset=utf-8" %>
<%
	String id = request.getParameter("memberId");
	if (id != null && id.equals("madvirus")) {
		response.sendRedirect("/chap03/index.jsp"); <!-- 파라미터 값이 "madvirus"면
        "/chap03/index.jsp" 페이지로 이동한다. -->
	} else {
%>
<html>
<head><title>로그인에 실패</title></head>
<body>
잘못된 아이디입니다.
</body>
</html>
<%
	}
%>

3.7 JSP 주석

JSP 코드 자체를 주석 처리한다.

<%-- 주석 --%>

Ch. 4 필수 이해 요소

책의 목차
01 JSP 처리 과정

02 출력 버퍼와 응답
2.1 page 디렉티브에서 버퍼 설정하기: buffer 속성과 autoFlush 속성

03 웹 애플리케이션 폴더 구성과 URL 매핑
3.1 웹 애플리케이션 폴더와 URL의 관계
3.2 웹 어플리케이션 폴더 내에서의 하위 폴더 사용

04 웹 어플리케이션 배포
4.1 톰캣에 war 파일 배포하기

4.1 JSP 처리 과정

4.2 출력 버퍼와 응답

1) page 디렉티브에서 버퍼 설정하기: buffer 속성과 autoFlush 속성

4.3 웹 어플리케이션 폴더 구성과 URL 매핑

1) 웹 어플리케이션 폴더와 URL의 관계
2) 웹 어플리케이션 폴더 내에서의 하위 폴더 사용

4.4 웹 어플리케이션 배포 p. 110

웹 애플리케이션을 WAS(Web Application Server)에 배포하는 방법은 두 가지다.
- 대상 폴더에 파일을 직접 복사
- 웹 애플리케이션을 war 파일로 묶어서 배포: 로컬 PC(본인의 PC)가 아닌 다른 컴퓨터의 폴더에 복사할 경우 FTP와 같은 파일 전송 기능을 이용해서 배포한다.

웹 어플리케이션 서버(WAS(Web Application Server)):
웹을 위한 연결, 프로그래밍 언어, 데이터베이스 연동과 같이 어플리케이션을 구현하는데 필요한 기능을 제공하는 서버 프로그램,
웹 애플리케이션의 구성 요소를 하나로 묶어 놓은 파일

IP로 접속하면 해킹 위험이 있다. 도메인으로 접속한다.

1) 톰캣에 war 파일 배포하기

이클립스 내 전체 파일(여기선 JSPExample)의 우측 버튼을 눌러서 Export를 클릭한다.

아래 위치대로 지정한다.
JSPExample.war가 저장된다.

Tomcat85w.exe를 실행한다.

JSPExample 파일 폴더가 생성됐다.

JSPExample 폴더를 눌렀는데 이때까지 공부한 내용이 파일 폴더 안에 뜬다. 배포가 완료됐다.

두 개의 톰캣을 동시에 실행할 수 없다. (윈도우용, 이클립스용)
빨간 버튼을 눌러서 이클립스용 톰캣을 꺼진다.

배포할 때는 이클립스용 톰캣을 끄고 war 파일을 압축시켜서 배포한다.
도메인이 없으므로 local host로 하면 진행된다.

압축하기 참고: https://mindols.tistory.com/151

참고: https://www.w3schools.blog/how-to-create-war-file-in-eclipse

728x90

저작자표시 비영리 동일조건

'🌳Bootcamp Revision 2023✨ > HTML5, CSS3, JSP' 카테고리의 다른 글

[58] 230322 JSP Ch. 8 자바빈과 액션 태그, Ch. 9 클라이언트와의 대화 1 : 쿠키, Ch. 10 클라이언트와의 대화 2 : 세션 [K-디지털 트레이닝 58일] (0)	2023.03.22
[57] 230321 JSP Ch. 5 기본 객체와 영역, Ch. 6 에러 처리, Ch. 7 페이지 모듈화와 요청 흐름 제어 [K-디지털 트레이닝 57일] (0)	2023.03.21
[56] 230320 JSP Ch. 1 들어가기, Ch. 2 웹 프로그래밍 기초, Ch. 13 이클립스를 이용한 웹 개발 [K-디지털 트레이닝 56일] (0)	2023.03.20
[8] 230106 Ch. 7 HTML과 CSS로 웹사이트 만들기: 웹 사이트 작성, HTML 문서 · CSS 파일 작성하기, 완성된 페이지 보기 [K-디지털 트레이닝 8일] (0)	2023.01.06

'🌳Bootcamp Revision 2023✨/HTML5, CSS3, JSP' Related Articles

Comments

A Joyful AI Research Journey🌳😊

[56] 230320 JSP Ch. 3 JSP로 시작하는 웹 프로그래밍, Ch. 4 필수 이해 요소 [K-디지털 트레이닝 56일] 본문

[56] 230320 JSP Ch. 3 JSP로 시작하는 웹 프로그래밍, Ch. 4 필수 이해 요소 [K-디지털 트레이닝 56일]

PART 1 웹 프로그래밍 기초Ch. 3 JSP로 시작하는 웹 프로그래밍

3.1 JSP에서 HTML 문서를 생성하는 기본 코드 구조

3.2 JSP 페이지의 구성 요소

1) 디렉티브

2) 스크립트 요소

3) 기본 객체

4) 표현 언어 (Expression Language) p. 55

5) 표준 액션 태그와 태그 라이브러리

3.3 page 디렉티브 p. 55

1) contentType 속성과 캐릭터 셋

2) import 속성3) trimDirectiveWhitespaces 속성을 이용한 공백 처리4) JSP 페이지의 인코딩과 pageEncoding 속성

3.4 스크립트 요소 p. 65

1) 스크립트릿(Scriptlet) <% %>

2) 표현식(Expression) <%= 값 %>

3) 선언부(Declaration) <%! %>

3.5 request 기본 객체 p. 72

1) 클라이언트 정보 및 서버 정보 읽기

2) 요청 파라미터 처리

2.1) HTML 폼과 요청 파라미터

2.2) request 기본 객체의 요청 파라미터 관련 메서드

2.3) GET 방식 전송과 POST 방식 전송

Get 방식

Post 방식

2.4) 요청 파라미터 인코딩

2.5) 톰캣에서 GET 방식 파라미터를 위한 인코딩 처리하기

3) 요청 헤더 정보의 처리

3.6 response 기본 객체

1) 웹 브라우저에 헤더 정보 전송하기2) 웹 브라우저 캐시 제어를 위한 응답 헤더 입력3) 리다이렉트를 이용해서 페이지 이동하기

3.7 JSP 주석

Ch. 4 필수 이해 요소

4.1 JSP 처리 과정

4.2 출력 버퍼와 응답

1) page 디렉티브에서 버퍼 설정하기: buffer 속성과 autoFlush 속성

4.3 웹 어플리케이션 폴더 구성과 URL 매핑

1) 웹 어플리케이션 폴더와 URL의 관계2) 웹 어플리케이션 폴더 내에서의 하위 폴더 사용

4.4 웹 어플리케이션 배포 p. 110

1) 톰캣에 war 파일 배포하기

'🌳Bootcamp Revision 2023✨ > HTML5, CSS3, JSP' 카테고리의 다른 글

티스토리툴바

PART 1 웹 프로그래밍 기초
Ch. 3 JSP로 시작하는 웹 프로그래밍

2) import 속성

3) trimDirectiveWhitespaces 속성을 이용한 공백 처리

4) JSP 페이지의 인코딩과 pageEncoding 속성

1) 웹 브라우저에 헤더 정보 전송하기

2) 웹 브라우저 캐시 제어를 위한 응답 헤더 입력

3) 리다이렉트를 이용해서 페이지 이동하기

1) 웹 어플리케이션 폴더와 URL의 관계
2) 웹 어플리케이션 폴더 내에서의 하위 폴더 사용