00. 소개 주교재 참고자료 중간(20) 기말(20) 출석(30) 과제(30) 자바 웹 프로그래밍(개정판) 황희정 [한빛미디어] 참고자료 Head First Servlets & JSP 케이시 시에라 등 저/ 김종호 역 [한빛미디어] 기타 다수 중간(20) 기말(20) 출석(30) 과제(30) 2009년 2학기 자바프로그래밍(2)
01. JSP 시작 인터넷과 웹 프로그래밍 HTTP 프로토콜 자바와 서블릿 그리고 JSP HelloWorld 프로그램 제작 2009년 2학기 자바프로그래밍(2)
웹 프로그래밍 기술 >>HTML과 클라이언트스크립트 기술 인터넷과 웹 프로그래밍 웹 프로그래밍 기술 >>HTML과 클라이언트스크립트 기술 HTML: www 서비스를 표현하기 위해 사용하는 언어 www를 통해 서비스하는 모든 내용은 HTML로 표현되어야 함 HTML은 텍스트 파일로 정적인 정보만 처리 가능 동적으로 변하는 정보를 처리할 수 없음 동적인 컨텐츠 처리하기 위해 CGI, Fast CGI, PHP, ASP, JSP 등의 기술이 사용 클라이언트 스크립트 자바스크립트가 대표적. 웹 브라우저가 스크립트 해석의 주체 웹 브라우저 핸들링은 가능하지만 서버 연동은 불가능 2009년 2학기 자바프로그래밍(2)
인터넷과 웹 프로그래밍 웹 프로그래밍 기술 >> CGI CGI : Common Gateway Interface 초기 웹 프로그래밍에 사용된 기술 프로세스 단위로 실행되기 때문에 사용자 증가하면 급격히 성능 저하 http://xxx.xxx.xxx/cgi-bin/a.cgi 프로세스 a.cgi 사용자 증가에 따른 시스템 성능의 급격한 저하 2009년 2학기 자바프로그래밍(2)
웹 프로그래밍 기술 >> CGI 처리 순서 인터넷과 웹 프로그래밍 웹 프로그래밍 기술 >> CGI 처리 순서 2009년 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> 2009년 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>"); } 2009년 2학기 자바프로그래밍(2)
웹 프로그래밍 기술 >> 서버 스크립트 기술 인터넷과 웹 프로그래밍 웹 프로그래밍 기술 >> 서버 스크립트 기술 ASP(Active Server Page) : 윈도우 운영체제에 기반한 웹 애플리케이션 기술로 비교적 쉽고 빠르게 웹 애플리케이션 구현이 가능하다. 최근 윈도우 개발 환경이 닷넷(.Net) 플랫폼으로 변화 되면서 ASP.Net 이라는 이름으로 변경되어 보다 강력해 졌다. PHP(Professional Hypertext Preprocessor) : 오픈소스 프로젝트로 다양한 운영체제와 웹서버를 지원한다. 빠른 처리속도와 메일, 데이터베이스 연동기능등을 통해 초기 서버 스크립트 기술의 대표로 주목 받았으나 완전한 프로그래밍 언어가 아닌 관계로 기능확장에 한계가 있다. 최근까지도 거급된 발전을 통해 처음 보다 많이 향상 된 기능을 제공하나 예전에 비해 전체적인 사용빈도는 떨어진다. JSP(Java Server Page) : 서블릿 이라고 하는 자바 웹 프로그래밍 기술에 기반을 두고 있으며, PHP 나 ASP와 같이 HTML과 함께 스크립트를 사용할 수 있도록 되어 있다. JSP 의 장점은 스레드 기반으로 시스템 자원을 절약하고 효율적인 공류가 가능하며 최초 요청시 서블릿으로 컴파일 되어 이후 요청에 대해서는 메모리에서 처리 하므로 보다 빠른 처리 속도를 제공 한다. 또한 자바 언어의 모든 기능을 사용할 수 있으므로 무한한 확장성을 자랑한다. 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 개요 HTTP 요청과 HTTP 응답 HTTP 프로토콜 : TCP/IP 를 기반으로 하여 웹에서 사용하는 프로토콜로서 요청(Request) 과 응답(Response) 데이터를 전송하는 방식 HTTP 요청과 HTTP 응답 HTTP 요청(Request) 주요 구성요소 HTTP 메소드 (실행할 액션) 접근하고자 하는 URL 폼 파라미터 (메소드의 매개변수와 비슷함) HTTP 응답(Response) 주요 구성요소 상태코드 ( 요청 처리에 대한 성공여부) 컨텐츠 타입 (텍스트, 그림, HTML 등) 컨텐츠 (HTML 코드, 이미지 등) 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 HTTP 메소드 HTTP 메소드 : HTTP 요청의 종류 및 폼 파라미터의 포맷을 정의. 주로 사용하는 메소드는 GET, POST 가 있음 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 HTTP 메소드 – GET 메소드 GET 메소드 : 단순한 자원(HTML 문서, 이미지 등) 요청. 간단한 파라미터 정도만 HTTP 요청 시 사용 GET 메소드 내용 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 HTTP 메소드 – POST 메소드 POST 메소드 : 사용자의 입력 값을 HTTP 요청 시 서버에 전달. 복잡한 파라미터 사용 가능 POST 메소드 내용 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 HTTP 응답 HTTP 응답은 간단히 헤더와 몸체로 구성되어 있다. 헤더에는 사용된 프로토콜이 뭔지, 보내준 요청이 성공했는지, 몸체에 포함된 컨텐츠의 종류는 무엇인지 등이 들어 있다. 몸체에는 HTML과 같은 컨텐츠가 들어 있다. 2009년 2학기 자바프로그래밍(2)
HTTP 프로토콜 전체 동작 2009년 2학기 자바프로그래밍(2)
자바와 서블릿 그리고 JSP 자바와 서블릿 JSP(Java Server Page) 자바(Java) : 썬 마이크로시스템즈 에서 개발한 객체지향 프로그래밍 언어로 간결하고 플랫폼 독립적인 특징으로 PC, 핸드폰, 각종 임베디드 장치에 폭넓게 사용되고 있다. 서블릿(Servlet) : 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모든 기능을 사용할 수 있으며 쓰레드 기반의 빠른 처리 속도를 자랑하나, 프로그램 내에서 화면 코딩을 제어해야 하는 문제로 인해 유지 보수에 많은 문제가 있다. 이러한 문제점을 개선한것이 JSP로 JSP는 내부적으로 서블릿 기술에 기반하고 있다. JSP(Java Server Page) JSP는 서블릿 기반의 서버 스크립트 언어로 오늘날 가장 대표적인 웹 프로그래밍 기술이라 할 수 있다. 서블릿의 장점을 모두 수용하면서 단점을 보완 커스텀태그, JSTL, JSF 등 다양한 응용 기술을 탄생 시켰으며 자바 기술의 정점인 Java EE(Enterprise Edition) 의 프리젠테이션 레이어 핵심 기술이다. 2009년 2학기 자바프로그래밍(2)
자바와 서블릿 그리고 JSP JSP의 특징 빈즈라고 하는 자바 컴포넌트를 사용할 수 있다. 최초의 서블릿으로 컴파일 된 후에는 메모리에서 처리 많은 사용자 접속도 원활히 처리할 수 있다. JSP나 다른 서블릿 간의 쉬운 데이터 공유 page, request, session, application scope 으로 가능 자바의 모든 기능을 사용할 수 있다. 무한한 확장성 IBM, 오라클, 썬, BEA 등에서 강력히 지원 사용자 태그를 만들어 사용할 수 있다. JSTL(JSP Standard Tag Library)과 같은 다양한 기능의 태그 라이브러리 이용 가능 다양한 운영체제와 여러 회사의 JSP 개발/실행 환경을 이용할 수 있다. 2009년 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 파일(텍스트) 전송 2009년 2학기 자바프로그래밍(2)
자바와 서블릿 그리고 JSP JSP 동작원리 JSP 동작과정 DB 2009년 2학기 자바프로그래밍(2) <HTML> <BODY> … index. jsp 8080 포트 DNS 서버 PC/웹 브라우저 웹 서버 서블릿 JSP/서블릿 컨테이너 DB ② IP 주소로 변화 211.xxx.xxx.xxx ① URL 입력 www.xxx.com ⑩ HTML 태그 분석 변환/화면 구성 ③ JSP 페이지 요청 http://www.xxx.xxx:8080/index.jsp ⑨결과 페이지(HTML) 전송 ④ 요청/분석 넘기기 ⑧ 실행 결과 전송 ⑦데이터 전송 ⑥ 서블릿 적재 ⑤ 컴파일 2009년 2학기 자바프로그래밍(2)
자바와 서블릿 그리고 JSP JSP 동작원리 JSP 서블릿 변환 처리 및 데이터 연동 과정 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 이클립스 프로젝트 생성 이클립스를 통한 자바 개발의 기본은 프로젝트 생성으로 출발 프로젝트는 어느 정도 규모가 있는 개발 단위로 자바소스를 만들기 위해 매번 프로젝트를 생성해야 하는 것이 아님 이클립스 실행 후 파일->새로 작성->프로젝트 선택 Web->Dynamic Web Project 선택 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 프로젝트 기본 정보 설정 Project name : 영문으로 작성 권장 프로젝트 컨텐츠 : 기본적으로 프로젝트 이름에 해당하는 디렉토리가 생성됨 Target Runtime : 실행을 위한 톰캣 설정항목 지정(추후 설정함) 2009년 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 폴더를 이용하기도 한다. 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 HelloWorld 프로그램 소스 작성 프로젝트 탐색기의 WebContent 폴더 선택 -> 오른쪽 마우스 클릭 새로 작성 -> 폴더를 선택해 ch03 폴더 생성 생성된 ch03 폴더에서 오른쪽 마우스 -> 새로 작성 -> JSP 선택 파일명은 HelloWorld.jsp(대소문자 구분, 공백 없음) 폴더생성 확인 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 HelloWorld 프로그램 소스 작성 [다음]버튼을 눌러 생성할 템플릿 코드 지정 [완료]버튼을 눌러 기본으로 생성된 코드 확인 2009년 2학기 자바프로그래밍(2)
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> <body> <center> HelloWorld : 핼로 JSP <br> 현재 날짜와 시간은 : <%=new java.util.Date() %> </center> </body> </html> <%= %> 는 JSP 문법에서 표현식이라고 함 간단한 브라우저 출력에 사용됨 Date 클래스 인스턴스 생성 내부적으로 toString() 메서드를 통해 현재 날짜및 시간정보가 출력 됨 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 서버 설정 및 실행 JSP를 실행하기 위한 서버 지정 하나의 PC에 여러 서버(톰캣,웹로직 등) 를 둘 수 있음 한번 설정해 두면 다음 실행 때는 서버 설정이 필요 없음 HelloWorld.jsp -> 오른쪽마우스 -> 실행도구 -> Run on Server 서버 설정 화면에서 Apache->Tomcat v5.5 Server 선택 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 서버 설정 및 실행 톰캣 설정 Browse 버튼을 눌러 톰캣 설치 디렉토리를 지정 JRE는 톰캣 실행을 위한 자바 런타임 버전으로 1.5x 버전임을 확인 할 것 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 실행결과 확인 현재 시간과 오늘 날짜 정보 출력됨. F5를 눌러 새로 보기를 하거나 창을 닫고 다시 시작해 보면 새로운 값이 출력됨 <%= new java.util.Date() %> jsp 파일 내 자바 코드 실행의 결과가 출력된 것임 2009년 2학기 자바프로그래밍(2)
HelloWorld 프로그램 제작 생성 파일 확인 JSP가 서블릿으로 변환된다고 했는데, 변환된 소스가 어디에 있을까? HelloWorld_jsp.java 파일을 열어보면 JSP 파일 내용이 서블릿 형태로 변경된 것을 확인 할 수 있다. 2009년 2학기 자바프로그래밍(2)
실습 자료 및 과제 실습 자료 과제 복습하기 2009년 2학기 자바프로그래밍(2)