PowerPoint 프레젠테이션
Download
Report
Transcript PowerPoint 프레젠테이션
00. 소개
주교재
자바 웹 프로그래밍(개정판)
황희정
[한빛미디어]
참고자료
Head First Servlets & JSP
케이시 시에라 등 저/ 김종호 역
[한빛미디어]
기타 다수
중간(20) 기말(20) 출석(30) 과제(30)
2009년 2학기 자바프로그래밍(2)
1
01. JSP 시작
인터넷과 웹 프로그래밍
HTTP 프로토콜
자바와 서블릿 그리고 JSP
HelloWorld 프로그램 제작
2009년 2학기 자바프로그래밍(2)
2
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >>HTML과 클라이언트스크립트 기술
HTML: www 서비스를 표현하기 위해 사용하는 언어
www를 통해 서비스하는 모든 내용은 HTML로 표현되어야 함
HTML은 텍스트 파일로 정적인 정보만 처리 가능
동적으로 변하는 정보를 처리할 수 없음
동적인 컨텐츠 처리하기 위해 CGI, Fast CGI, PHP, ASP, JSP 등의
기술이 사용
클라이언트 스크립트
자바스크립트가 대표적.
웹 브라우저가 스크립트 해석의 주체
웹 브라우저 핸들링은 가능하지만 서버 연동은 불가능
2009년 2학기 자바프로그래밍(2)
3
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >> CGI
CGI : Common Gateway Interface
초기 웹 프로그래밍에 사용된 기술
프로세스 단위로 실행되기 때문에 사용자 증가하면 급격히 성능 저하
a.cgi
http://xxx.xxx.xxx/cgibin/a.cgi
프로세스
http://xxx.xxx.xxx/cgibin/a.cgi
프로세스
a.cgi
사용자 증가에 따른
시스템 성능의 급격한 저하
2009년 2학기 자바프로그래밍(2)
4
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >> CGI 처리 순서
2009년 2학기 자바프로그래밍(2)
5
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >> 서버 스크립트 기술
HTML과 스크립트 언어를 함께 사용할 수 있는 기술로 웹 서버에서
해석
데이터베이스 연동 처리 등 다양한 구현이 가능
별도의 컴파일 과정없이 HTML 태그 수정 가능
서버 스크립트로 구현한 예(JSP)
<%@ page contentType="text/html;charset=euc-kr" %>
<HTML>
<HEAD><TITLE>Hello World</TITLE></HEAD>
<BODY><H2>Hello World : 헬로월드</H2>
오늘의 날짜와 시간은 : <%= new java.util.Date() %>
asp 의 경우 <%=now %>
</BODY>
</HTML>
2009년 2학기 자바프로그래밍(2)
6
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >> 서버 스크립트 기술
서블릿(CGI 도 유사) 으로 구현한 예
public class CMemberTest extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html; charset=EUC_KR");
PrintWriter out = response.getWriter();
out.println("<HTML><HEAD><TITLE>로그인</TITLE></HEAD></HTML>");
out.println<BODY><H2>Hello World : 헬로월드</H2>");
out.println(“오늘의 날짜와 시간은 : “+new java.util.Date());
out.println("</BODY></HTML>");
}
}
2009년 2학기 자바프로그래밍(2)
7
인터넷과 웹 프로그래밍
웹 프로그래밍 기술 >> 서버 스크립트 기술
ASP(Active Server Page) : 윈도우 운영체제에 기반한 웹 애플리케이
션 기술로 비교적 쉽고 빠르게 웹 애플리케이션 구현이 가능하다. 최
근 윈도우 개발 환경이 닷넷(.Net) 플랫폼으로 변화 되면서 ASP.Net
이라는 이름으로 변경되어 보다 강력해 졌다.
PHP(Professional Hypertext Preprocessor) : 오픈소스 프로젝트로
다양한 운영체제와 웹서버를 지원한다. 빠른 처리속도와 메일, 데이
터베이스 연동기능등을 통해 초기 서버 스크립트 기술의 대표로 주목
받았으나 완전한 프로그래밍 언어가 아닌 관계로 기능확장에 한계가
있다. 최근까지도 거급된 발전을 통해 처음 보다 많이 향상 된 기능을
제공하나 예전에 비해 전체적인 사용빈도는 떨어진다.
JSP(Java Server Page) : 서블릿 이라고 하는 자바 웹 프로그래밍 기
술에 기반을 두고 있으며, PHP 나 ASP와 같이 HTML과 함께 스크립
트를 사용할 수 있도록 되어 있다. JSP 의 장점은 스레드 기반으로 시
스템 자원을 절약하고 효율적인 공류가 가능하며 최초 요청시 서블릿
으로 컴파일 되어 이후 요청에 대해서는 메모리에서 처리 하므로 보
다 빠른 처리 속도를 제공 한다. 또한 자바 언어의 모든 기능을 사용
할 수 있으므로 무한한 확장성을 자랑한다.
2009년 2학기 자바프로그래밍(2)
8
HTTP 프로토콜
개요
HTTP 프로토콜 : TCP/IP 를 기반으로 하여 웹에서 사용하는 프로토
콜로서 요청(Request) 과 응답(Response) 데이터를 전송하는 방식
HTTP 요청과 HTTP 응답
HTTP 요청(Request) 주요 구성요소
HTTP 메소드 (실행할 액션)
접근하고자 하는 URL
폼 파라미터 (메소드의 매개변수와 비슷함)
HTTP 응답(Response) 주요 구성요소
상태코드 ( 요청 처리에 대한 성공여부)
컨텐츠 타입 (텍스트, 그림, HTML 등)
컨텐츠 (HTML 코드, 이미지 등)
2009년 2학기 자바프로그래밍(2)
9
HTTP 프로토콜
HTTP 메소드
HTTP 메소드 : HTTP 요청의 종류 및 폼 파라미터의 포맷을 정의. 주
로 사용하는 메소드는 GET, POST 가 있음
2009년 2학기 자바프로그래밍(2)
10
HTTP 프로토콜
HTTP 메소드 – GET 메소드
GET 메소드 : 단순한 자원(HTML 문서, 이미지 등) 요청. 간단한 파라
미터 정도만 HTTP 요청 시 사용
GET 메소드 내용
2009년 2학기 자바프로그래밍(2)
11
HTTP 프로토콜
HTTP 메소드 – POST 메소드
POST 메소드 : 사용자의 입력 값을 HTTP 요청 시 서버에 전달. 복잡
한 파라미터 사용 가능
POST 메소드 내용
2009년 2학기 자바프로그래밍(2)
12
HTTP 프로토콜
HTTP 응답
HTTP 응답은 간단히 헤더와 몸체로 구성되어 있다.
헤더에는 사용된 프로토콜이 뭔지, 보내준 요청이 성공했는지, 몸체
에 포함된 컨텐츠의 종류는 무엇인지 등이 들어 있다.
몸체에는 HTML과 같은 컨텐츠가 들어 있다.
2009년 2학기 자바프로그래밍(2)
13
HTTP 프로토콜
전체 동작
2009년 2학기 자바프로그래밍(2)
14
자바와 서블릿 그리고 JSP
자바와 서블릿
자바(Java) : 썬 마이크로시스템즈 에서 개발한 객체지향 프로그래밍
언어로 간결하고 플랫폼 독립적인 특징으로 PC, 핸드폰, 각종 임베디
드 장치에 폭넓게 사용되고 있다.
서블릿(Servlet) : 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모
든 기능을 사용할 수 있으며 쓰레드 기반의 빠른 처리 속도를 자랑하
나, 프로그램 내에서 화면 코딩을 제어해야 하는 문제로 인해 유지 보
수에 많은 문제가 있다. 이러한 문제점을 개선한것이 JSP로 JSP는 내
부적으로 서블릿 기술에 기반하고 있다.
JSP(Java Server Page)
JSP는 서블릿 기반의 서버 스크립트 언어로 오늘날 가장 대표적인 웹
프로그래밍 기술이라 할 수 있다.
서블릿의 장점을 모두 수용하면서 단점을 보완
커스텀태그, JSTL, JSF 등 다양한 응용 기술을 탄생 시켰으며 자바
기술의 정점인 Java EE(Enterprise Edition) 의 프리젠테이션 레이어
핵심 기술이다.
2009년 2학기 자바프로그래밍(2)
15
자바와 서블릿 그리고 JSP
JSP의 특징
빈즈라고 하는 자바 컴포넌트를 사용할 수 있다.
최초의 서블릿으로 컴파일 된 후에는 메모리에서 처리
많은 사용자 접속도 원활히 처리할 수 있다.
JSP나 다른 서블릿 간의 쉬운 데이터 공유
page, request, session, application scope 으로 가능
자바의 모든 기능을 사용할 수 있다. 무한한 확장성
IBM, 오라클, 썬, BEA 등에서 강력히 지원
사용자 태그를 만들어 사용할 수 있다.
JSTL(JSP Standard Tag Library)과 같은 다양한 기능의 태그 라이브러리
이용 가능
다양한 운영체제와 여러 회사의 JSP 개발/실행 환경을 이용할 수 있다.
2009년 2학기 자바프로그래밍(2)
16
자바와 서블릿 그리고 JSP
JSP 동작원리
일반적인 웹(www) 서비스 동작과정
DNS 서버
① URL 입력
www.xxx.com
② IP 주소로 변화
211.xxx.xxx.com
③해당 HTML 페이지 요청
④요청 분석
HTML 파일 읽기
http://www.xxx.xxx/index.html 80
⑤ HTML 파일(텍스트) 전송
PC/웹 브라우저
⑥ HTML 태그 분석
변환/화면 구성
<HTML>
<BODY>
…
…
…
포트
index.html
웹 서버
2009년 2학기 자바프로그래밍(2)
17
자바와 서블릿 그리고 JSP
JSP 동작원리
JSP 동작과정
DNS 서버
① URL 입력
www.xxx.com
② IP 주소로 변화
211.xxx.xxx.xxx
JSP/서블릿
컨테이너
③ JSP 페이지 요청
http://www.xxx.xxx:
8080/index.jsp
8080
포트
④ 요청/분석 넘기기
⑨결과 페이지(HTML) 전송
PC/웹 브라우저
⑩ HTML 태그 분석
변환/화면 구성
<HTML>
<BODY>
…
…
…
⑤ 컴파일
index. jsp
⑧ 실행 결과 전송
웹 서버
⑥ 서블릿
적재
index. jsp
서블릿
⑦데이터 전송
DB
2009년 2학기 자바프로그래밍(2)
18
자바와 서블릿 그리고 JSP
JSP 동작원리
JSP 서블릿 변환 처리 및 데이터 연동 과정
2009년 2학기 자바프로그래밍(2)
19
HelloWorld 프로그램 제작
이클립스 프로젝트 생성
이클립스를 통한 자바 개발의 기본은 프로젝트 생성으로 출발
프로젝트는 어느 정도 규모가 있는 개발 단위로 자바소스를 만들기
위해 매번 프로젝트를 생성해야 하는 것이 아님
이클립스 실행 후 파일->새로 작성->프로젝트 선택
Web->Dynamic Web Project 선택
2009년 2학기 자바프로그래밍(2)
20
HelloWorld 프로그램 제작
프로젝트 기본 정보 설정
Project name : 영문으로 작성 권장
프로젝트 컨텐츠 : 기본적으로 프로젝트 이름에 해당하는 디렉토리가
생성됨
Target Runtime : 실행을 위한 톰캣 설정항목 지정(추후 설정함)
2009년 2학기 자바프로그래밍(2)
21
HelloWorld 프로그램 제작
프로젝트 기본 정보 설정
Web Module : 웹 프로젝트의 기본적인 설정항목 지정
프로젝트 컨텐츠 : 기본적으로 프로젝트 이름에 해당하는 디렉토리가
생성됨
항목
설명
Context Root
웹애플리케이션의 URL 상의 메인 접속 경로
를 설정한다. jspbook 이라고 설정할 경우
브라우저를 통한 접속 경로는
http://localhost:8080/jspbook 이 된다. 웹
애플리케이션은 하나의 컨텍스트로 관리되
며 동일 컨텍스트 내에서만 세션과 같이 공
용정보가 공유되는 특징이 있다.
Content
Directory
웹애플리케이션 디렉토리 구조에서 jsp,
HTML, 그림파일 등 컨텐츠가 위치할 디렉토
리를 설정한다. 기본값인 WebContent 폴더
를 사용한다.
Java Source
Directory
jsp 와 연동해서 사용할 자바 소스의 위치를
지정하는 곳이다. 프로그램 소스가 웹 컨텐
츠와 같이 있을 경우 노출에 대한 위험이 있
으므로 보통 별도의 디렉토리에서 관리하거
나 WEB-INF/src 폴더를 이용하기도 한다.
2009년 2학기 자바프로그래밍(2)
22
HelloWorld 프로그램 제작
HelloWorld 프로그램 소스 작성
프로젝트 탐색기의 WebContent 폴더 선택 -> 오른쪽 마우스 클릭
새로 작성 -> 폴더를 선택해 ch03 폴더 생성
생성된 ch03 폴더에서 오른쪽 마우스 -> 새로 작성 -> JSP 선택
파일명은 HelloWorld.jsp(대소문자 구분, 공백 없음)
폴더생성 확인
2009년 2학기 자바프로그래밍(2)
23
HelloWorld 프로그램 제작
HelloWorld 프로그램 소스 작성
[다음]버튼을 눌러 생성할 템플릿 코드 지정
[완료]버튼을 눌러 기본으로 생성된 코드 확인
2009년 2학기 자바프로그래밍(2)
24
HelloWorld 프로그램 제작
HelloWorld 프로그램 소스 작성
기본으로 생성된 소스코드에 내용 추가
page 지시어로 현재 JSP 페이지 형식을 지정
한글을 제대로 표현하려면 반드시 넣자
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<%= %> 는 JSP 문법에서 표현식이라고 함
<body>
간단한 브라우저 출력에 사용됨
<center>
HelloWorld : 핼로 JSP
<br>
현재 날짜와 시간은 : <%=new java.util.Date() %>
</center>
Date 클래스 인스턴스 생성
</body>
내부적으로 toString() 메서드를 통해 현재 날짜및 시
</html>
간정보가 출력 됨
2009년 2학기 자바프로그래밍(2)
25
HelloWorld 프로그램 제작
서버 설정 및 실행
JSP를 실행하기 위한 서버 지정
하나의 PC에 여러 서버(톰캣,웹로직 등) 를 둘 수 있음
한번 설정해 두면 다음 실행 때는 서버 설정이 필요 없음
HelloWorld.jsp -> 오른쪽마우스 -> 실행도구 -> Run on Server
서버 설정 화면에서 Apache->Tomcat v5.5 Server 선택
2009년 2학기 자바프로그래밍(2)
26
HelloWorld 프로그램 제작
서버 설정 및 실행
톰캣 설정
Browse 버튼을 눌러 톰캣 설치 디렉토리를 지정
JRE는 톰캣 실행을 위한 자바 런타임 버전으로 1.5x 버전임을 확인
할것
2009년 2학기 자바프로그래밍(2)
27
HelloWorld 프로그램 제작
실행결과 확인
현재 시간과 오늘 날짜 정보 출력됨.
F5를 눌러 새로 보기를 하거나 창을 닫고 다시 시작해 보면 새로운 값
이 출력됨
<%= new java.util.Date() %>
jsp 파일 내 자바 코드 실행의 결과가 출력된 것임
2009년 2학기 자바프로그래밍(2)
28
HelloWorld 프로그램 제작
생성 파일 확인
JSP가 서블릿으로 변환된다고 했는데, 변환된 소스가 어디에 있을까?
HelloWorld_jsp.java 파일을 열어보면 JSP 파일 내용이 서블릿 형태
로 변경된 것을 확인 할 수 있다.
2009년 2학기 자바프로그래밍(2)
29
실습 자료 및 과제
실습 자료
과제
복습하기
2009년 2학기 자바프로그래밍(2)
30