00. 소개

30
1 2009 년 2 년년 년년년년년년년 (2) 00. 년년 주주주 년년 년 년년년년년 ( 년년년 ) 년년년 [ 년년년년년 ] 주주주주 Head First Servlets & JSP 년년년 년년년 년 년 / 년년년 년 [ 년년년년년 ] 년년 년년 주주 (20) 주주 (20) 주주 (30) 주주 (30)

Upload: kamal-rosario

Post on 30-Dec-2015

35 views

Category:

Documents


0 download

DESCRIPTION

00. 소개. 주교재 자바 웹 프로그래밍 ( 개정판 ) 황희정 [ 한빛미디어 ] 참고자료 Head First Servlets & JSP 케이시 시에라 등 저 / 김종호 역 [ 한빛미디어 ] 기타 다수 중간 (20) 기말 (20) 출석 (30) 과제 (30). 01. JSP 시작. 인터넷과 웹 프로그래밍 HTTP 프로토콜 자바와 서블릿 그리고 JSP HelloWorld 프로그램 제작. 인터넷과 웹 프로그래밍. 웹 프로그래밍 기술 >>HTML 과 클라이언트스크립트 기술 - PowerPoint PPT Presentation

TRANSCRIPT

12009 년 2 학기 자바프로그래밍(2)

00. 소개

주교재 자바 웹 프로그래밍 ( 개정판 )

황희정 [ 한빛미디어 ]

참고자료 Head First Servlets & JSP

케이시 시에라 등 저 / 김종호 역 [ 한빛미디어 ] 기타 다수

중간 (20) 기말 (20) 출석 (30) 과제 (30)

22009 년 2 학기 자바프로그래밍(2)

01. JSP 시작

인터넷과 웹 프로그래밍 HTTP 프로토콜 자바와 서블릿 그리고 JSP HelloWorld 프로그램 제작

32009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >>HTML 과 클라이언트스크립트 기술 HTML: www 서비스를 표현하기 위해 사용하는 언어

www 를 통해 서비스하는 모든 내용은 HTML 로 표현되어야 함

HTML 은 텍스트 파일로 정적인 정보만 처리 가능 동적으로 변하는 정보를 처리할 수 없음

동적인 컨텐츠 처리하기 위해 CGI, Fast CGI, PHP, ASP, JSP 등의 기술이 사용

클라이언트 스크립트 자바스크립트가 대표적 . 웹 브라우저가 스크립트 해석의 주체 웹 브라우저 핸들링은 가능하지만 서버 연동은 불가능

42009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >> CGI CGI : Common Gateway Interface

초기 웹 프로그래밍에 사용된 기술

프로세스 단위로 실행되기 때문에 사용자 증가하면 급격히 성능 저하

http://xxx.xxx.xxx/cgi-bin/a.cgi

http://xxx.xxx.xxx/cgi-bin/a.cgi

프로세스

프로세스

a.cgi

a.cgi

사용자 증가에 따른 시스템 성능의 급격한 저하

52009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >> CGI 처리 순서

62009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >> 서버 스크립트 기술 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>

72009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >> 서버 스크립트 기술

서블릿 (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>"); }}

82009 년 2 학기 자바프로그래밍(2)

인터넷과 웹 프로그래밍

웹 프로그래밍 기술 >> 서버 스크립트 기술 ASP(Active Server Page) : 윈도우 운영체제에 기반한 웹

애플리케이션 기술로 비교적 쉽고 빠르게 웹 애플리케이션 구현이 가능하다 . 최근 윈도우 개발 환경이 닷넷 (.Net) 플랫폼으로 변화 되면서 ASP.Net 이라는 이름으로 변경되어 보다 강력해 졌다 .

PHP(Professional Hypertext Preprocessor) : 오픈소스 프로젝트로 다양한 운영체제와 웹서버를 지원한다 . 빠른 처리속도와 메일 , 데이터베이스 연동기능등을 통해 초기 서버 스크립트 기술의 대표로 주목 받았으나 완전한 프로그래밍 언어가 아닌 관계로 기능확장에 한계가 있다 . 최근까지도 거급된 발전을 통해 처음 보다 많이 향상 된 기능을 제공하나 예전에 비해 전체적인 사용빈도는 떨어진다 .

JSP(Java Server Page) : 서블릿 이라고 하는 자바 웹 프로그래밍 기술에 기반을 두고 있으며 , PHP 나 ASP 와 같이 HTML 과 함께 스크립트를 사용할 수 있도록 되어 있다 . JSP 의 장점은 스레드 기반으로 시스템 자원을 절약하고 효율적인 공류가 가능하며 최초 요청시 서블릿으로 컴파일 되어 이후 요청에 대해서는 메모리에서 처리 하므로 보다 빠른 처리 속도를 제공 한다 . 또한 자바 언어의 모든 기능을 사용할 수 있으므로 무한한 확장성을 자랑한다 .

92009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

개요 HTTP 프로토콜 : TCP/IP 를 기반으로 하여 웹에서 사용하는

프로토콜로서 요청 (Request) 과 응답 (Response) 데이터를 전송하는 방식

HTTP 요청과 HTTP 응답 HTTP 요청 (Request) 주요 구성요소

HTTP 메소드 ( 실행할 액션 ) 접근하고자 하는 URL 폼 파라미터 ( 메소드의 매개변수와 비슷함 )

HTTP 응답 (Response) 주요 구성요소 상태코드 ( 요청 처리에 대한 성공여부 ) 컨텐츠 타입 ( 텍스트 , 그림 , HTML 등 ) 컨텐츠 (HTML 코드 , 이미지 등 )

102009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

HTTP 메소드 HTTP 메소드 : HTTP 요청의 종류 및 폼 파라미터의 포맷을 정의 .

주로 사용하는 메소드는 GET, POST 가 있음

112009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

HTTP 메소드 – GET 메소드 GET 메소드 : 단순한 자원 (HTML 문서 , 이미지 등 ) 요청 .

간단한 파라미터 정도만 HTTP 요청 시 사용 GET 메소드 내용

122009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

HTTP 메소드 – POST 메소드 POST 메소드 : 사용자의 입력 값을 HTTP 요청 시 서버에 전달 .

복잡한 파라미터 사용 가능 POST 메소드 내용

132009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

HTTP 응답 HTTP 응답은 간단히 헤더와 몸체로 구성되어 있다 . 헤더에는 사용된 프로토콜이 뭔지 , 보내준 요청이 성공했는지 ,

몸체에 포함된 컨텐츠의 종류는 무엇인지 등이 들어 있다 . 몸체에는 HTML 과 같은 컨텐츠가 들어 있다 .

142009 년 2 학기 자바프로그래밍(2)

HTTP 프로토콜

전체 동작

152009 년 2 학기 자바프로그래밍(2)

자바와 서블릿 그리고 JSP

자바와 서블릿 자바 (Java) : 썬 마이크로시스템즈 에서 개발한 객체지향 프로그래밍

언어로 간결하고 플랫폼 독립적인 특징으로 PC, 핸드폰 , 각종 임베디드 장치에 폭넓게 사용되고 있다 .

서블릿 (Servlet) : 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모든 기능을 사용할 수 있으며 쓰레드 기반의 빠른 처리 속도를 자랑하나 , 프로그램 내에서 화면 코딩을 제어해야 하는 문제로 인해 유지 보수에 많은 문제가 있다 . 이러한 문제점을 개선한것이 JSP 로 JSP 는 내부적으로 서블릿 기술에 기반하고 있다 .

JSP(Java Server Page) JSP 는 서블릿 기반의 서버 스크립트 언어로 오늘날 가장 대표적인 웹

프로그래밍 기술이라 할 수 있다 . 서블릿의 장점을 모두 수용하면서 단점을 보완 커스텀태그 , JSTL, JSF 등 다양한 응용 기술을 탄생 시켰으며 자바

기술의 정점인 Java EE(Enterprise Edition) 의 프리젠테이션 레이어 핵심 기술이다 .

162009 년 2 학기 자바프로그래밍(2)

자바와 서블릿 그리고 JSP

JSP 의 특징

빈즈라고 하는 자바 컴포넌트를 사용할 수 있다 . 최초의 서블릿으로 컴파일 된 후에는 메모리에서 처리 많은 사용자 접속도 원활히 처리할 수 있다 . JSP 나 다른 서블릿 간의 쉬운 데이터 공유 page, request, session, application scope 으로 가능 자바의 모든 기능을 사용할 수 있다 . 무한한 확장성 IBM, 오라클 , 썬 , BEA 등에서 강력히 지원 사용자 태그를 만들어 사용할 수 있다 . JSTL(JSP Standard Tag Library) 과 같은 다양한 기능의 태그

라이브러리 이용 가능 다양한 운영체제와 여러 회사의 JSP 개발 /실행 환경을 이용할 수 있다 .

172009 년 2 학기 자바프로그래밍(2)

자바와 서블릿 그리고 JSP

JSP 동작원리

일반적인 웹 (www) 서비스 동작과정

<HTML><BODY>………

index.html

④요청 분석HTML 파일 읽기

DNS 서버

② IP 주소로 변화211.xxx.xxx.com

① URL 입력www.xxx.com

⑥ HTML 태그 분석 변환 /화면 구성

PC/ 웹 브라우저 웹 서버

80포트

③해당 HTML 페이지 요청http://www.xxx.xxx/index.html

⑤ HTML 파일 ( 텍스트 ) 전송

182009 년 2 학기 자바프로그래밍(2)

자바와 서블릿 그리고 JSP

JSP 동작원리

JSP 동작과정

<HTML><BODY>………

index. jsp8080포트

DNS 서버

PC/ 웹 브라우저웹 서버

index. jsp

서블릿

JSP/ 서블릿 컨테이너

DB

② IP 주소로 변화211.xxx.xxx.xxx

① URL 입력www.xxx.com

⑩ HTML 태그 분석 변환 /화면 구성

③ JSP 페이지 요청http://www.xxx.xxx:8080/index.jsp

⑨결과 페이지 (HTML) 전송④ 요청 /분석 넘기기

⑧ 실행 결과 전송

⑦데이터 전송

⑥ 서블릿 적재

⑤ 컴파일

192009 년 2 학기 자바프로그래밍(2)

자바와 서블릿 그리고 JSP

JSP 동작원리

JSP 서블릿 변환 처리 및 데이터 연동 과정

202009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

이클립스 프로젝트 생성 이클립스를 통한 자바 개발의 기본은 프로젝트 생성으로 출발 프로젝트는 어느 정도 규모가 있는 개발 단위로 자바소스를 만들기

위해 매번 프로젝트를 생성해야 하는 것이 아님 이클립스 실행 후 파일 ->새로 작성 -> 프로젝트 선택

Web->Dynamic Web Project 선택

212009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

프로젝트 기본 정보 설정 Project name : 영문으로 작성 권장 프로젝트 컨텐츠 : 기본적으로 프로젝트 이름에 해당하는

디렉토리가 생성됨 Target Runtime : 실행을 위한 톰캣 설정항목 지정 ( 추후 설정함 )

222009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

프로젝트 기본 정보 설정 Web Module : 웹 프로젝트의 기본적인 설정항목 지정 프로젝트 컨텐츠 : 기본적으로 프로젝트 이름에 해당하는

디렉토리가 생성됨

항목 설명

Context Root 웹애플리케이션의 URL 상의 메인 접속 경로를 설정한다 . jspbook 이라고 설정할 경우 브라우저를 통한 접속 경로는 http://localhost:8080/jspbook 이 된다 . 웹 애플리케이션은 하나의 컨텍스트로 관리되며 동일 컨텍스트 내에서만 세션과 같이 공용정보가 공유되는 특징이 있다 .

Content Directory

웹애플리케이션 디렉토리 구조에서 jsp, HTML, 그림파일 등 컨텐츠가 위치할 디렉토리를 설정한다 . 기본값인 WebContent 폴더를 사용한다 .

Java Source Directory

jsp 와 연동해서 사용할 자바 소스의 위치를 지정하는 곳이다 . 프로그램 소스가 웹 컨텐츠와 같이 있을 경우 노출에 대한 위험이 있으므로 보통 별도의 디렉토리에서 관리하거나 WEB-INF/src 폴더를 이용하기도 한다 .

232009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

HelloWorld 프로그램 소스 작성 프로젝트 탐색기의 WebContent 폴더 선택 -> 오른쪽 마우스 클릭 새로 작성 -> 폴더를 선택해 ch03 폴더 생성 생성된 ch03 폴더에서 오른쪽 마우스 -> 새로 작성 -> JSP 선택 파일명은 HelloWorld.jsp( 대소문자 구분 , 공백 없음 )

폴더생성 확인

242009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

HelloWorld 프로그램 소스 작성 [ 다음 ] 버튼을 눌러 생성할 템플릿 코드 지정 [ 완료 ] 버튼을 눌러 기본으로 생성된 코드 확인

25

<%@ 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><body><center>HelloWorld : 핼로 JSP<br>

현재 날짜와 시간은 : <%=new java.util.Date() %></center></body></html>

2009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

HelloWorld 프로그램 소스 작성

기본으로 생성된 소스코드에 내용 추가

<%= %> 는 JSP 문법에서 표현식이라고 함

간단한 브라우저 출력에 사용됨

Date 클래스 인스턴스 생성

내부적으로 toString() 메서드를 통해 현재 날짜및 시간정보가 출력 됨

page 지시어로 현재 JSP 페이지 형식을 지정

한글을 제대로 표현하려면 반드시 넣자

262009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

서버 설정 및 실행 JSP 를 실행하기 위한 서버 지정 하나의 PC 에 여러 서버 ( 톰캣 ,웹로직 등 ) 를 둘 수 있음 한번 설정해 두면 다음 실행 때는 서버 설정이 필요 없음 HelloWorld.jsp -> 오른쪽마우스 -> 실행도구 -> Run on Server 서버 설정 화면에서 Apache->Tomcat v5.5 Server 선택

272009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

서버 설정 및 실행 톰캣 설정 Browse 버튼을 눌러 톰캣 설치 디렉토리를 지정 JRE 는 톰캣 실행을 위한 자바 런타임 버전으로 1.5x 버전임을 확인

할 것

282009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

실행결과 확인 현재 시간과 오늘 날짜 정보 출력됨 . F5 를 눌러 새로 보기를 하거나 창을 닫고 다시 시작해 보면 새로운

값이 출력됨

<%= new java.util.Date() %>

jsp 파일 내 자바 코드 실행의 결과가 출력된 것임

292009 년 2 학기 자바프로그래밍(2)

HelloWorld 프로그램 제작

생성 파일 확인 JSP 가 서블릿으로 변환된다고 했는데 , 변환된 소스가 어디에 있을

까 ? HelloWorld_jsp.java 파일을 열어보면 JSP 파일 내용이 서블릿 형태로 변경된 것을 확인 할 수 있다 .

302009 년 2 학기 자바프로그래밍(2)

실습 자료 및 과제

실습 자료

과제 복습하기