JSP 와서블릿 Servlet & JSP
2/78 Contents 학습목표 JSP 기술과서블릿기술의기초를배워본다. 내용 JSP와서블릿에대하여 JDK 설치하기 톰캣설치하기 간단한 JSP 페이지작성하기
3/78 1. JSP 와서블릿에대하여 웹브라우저의요청을받아해당하는웹페이지를찾아서보내주는일을하는컴퓨터 ( 일 을하는소프트웨어 ) 를웹서버라고한다. 웹브라우저와웹서버 웹서버는웹브라우저로부터 URL 을받아서그에해당하는 HTML 문서를찾아서웹브 라우저로보내주는일을한다.
4/78 1. JSP 와서블릿에대하여 HTML 문서형태로전송되는웹페이지 HTML문서는순수하게텍스트로만이루어지며, <HTML>, </HTML>, <BODY>, </BODY>, <H1>, </H1> 과같이꺽쇠괄호로묶여진부분을태그 (tag) 또는마크업 (markup) 이라고한다. 태그는웹브라우저상에그대로표시되는것이아니라태그에의해싸여진부분이웹브라우저상에어떻게표시될지지시하는역할을한다.
5/78 1. JSP 와서블릿에대하여 웹페이지에는텍스트뿐만아니라그림이나사진도표시된다. 웹페이지에그림이나사진이표시되는메커니즘 HTML 문서의태그중에 <IMG> 라는것이있는데, 이태그안에는그림이나사진의 URL을쓸수있으며웹브라우저는태그를발견하면웹서버로다시 URL을보내고, 웹서버는그에해당하는이미지파일을찾아웹브라우저로보낸다. 똑같은웹서버로똑같은 URL을보내도그때마다다른내용이표시되는경우도있다.
6/78 1. JSP 와서블릿에대하여 웹서버는 HTML 문서파일을찾아서보내주는일뿐만아니라 HTML 문서를생성하는프로그램을호출해서그프로그램의실행결과를보내주는일도한다. 호출되는프로그램을 웹애플리케이션 이라고함. 웹애플리케이션이생성하는 HTML 문서를동적 HTML 문서라하고, 웹서버쪽에파일형태로저장되어있는 HTML문서를정적 HTML 문서라고한다. 웹애플리케이션이생성하는동적 HTML 문서
7/78 1. JSP 와서블릿에대하여 HTTP 프로토콜 : TCP/IP 를기반으로하여웹에서사용하는프로토콜로서요청 (Request) 과응답 (Response) 데이터를전송하는방식 HTTP 요청 (Request) : - HTTP 메소드 ( 실행할액션 ) - 접근하고자하는 URL - 폼파라미터 ( 메소드의매개변수와비슷함 ) HTTP 응답 (Reponse) : - 상태코드 ( 요청처리에대한성공여부 ) - 컨텐츠타입 ( 텍스트, 그림, HTML 등 ) - 컨텐츠 (HTML 코드, 이미지등 )
8/78 1. JSP 와서블릿에대하여 HTTP 메소드 (Method) HTTP 요청의종류및폼파라미터의포맷을정의. 주로사용하는메소드는 GET, POST 가있음 HTTP 메소드종류 : GET, POST, HEAD, TRACE, PUT, DELETE, DELETE, OPTIONS, CONNECT GET 메소드 : 단순한자원 (HTML 문서, 이미지등 ) 요청. 간단한파라미터정도만 HTTP 요청시사용
9/78 1. JSP 와서블릿에대하여 GET 메소드내용예 :
10/78 1. JSP 와서블릿에대하여 POST 메소드 : 사용자의입력값을 HTTP 요청시서버에전달. 복잡한파라미터사용 가능
11/78 1. JSP 와서블릿에대하여 POST 메소드내용예 :
12/78 1. JSP 와서블릿에대하여 HTTP 응답내용예 :
13/78 1. JSP 와서블릿에대하여 HTTP 요청과응답
14/78 1. JSP 와서블릿에대하여 HTTP 요청과응답 교재 pp.53 검토
15/78 1. JSP 와서블릿에대하여 URL(Uniform Resource Locator)
16/78 1. JSP 와서블릿에대하여 웹서버의웹사이트디렉토리구조 www.wickedlysmart.com
17/78 1. JSP 와서블릿에대하여 URL 과컨텐츠맵핑 http://www.wickedlysmart.com/skiingadvice http://www.wickedlysmart.com/beeradvice http://www.wickedlysmart.com/beeradvice/select/selectbeear.html
18/78 1. JSP 와서블릿에대하여 웹서버의제약 웹서버가혼자서할수없는일 첫째, 동적인컨텐츠생성 정적인페이지만제공가능 동적인페이지를생성하지못함. 둘째, 서버상에데이터저장하기 클라이언트에서전송데이터를서버에저장하지못함 도우미어플리케이션에넘 겨처리
19/78 1. JSP 와서블릿에대하여 동적컨텐츠생성 CGI(Common Gateway Interface) 최초의앱애플리케이션기술 웹애플리케이션을웹서버와동등한독립적인프로그램형태로작성 교재 pp.61 그림참조 CGI 프로그램문제점 : 첫째 : 독립적인프로그램을실행하기위해서는시스템자원이많이필요했다. 둘째 : 운영체제에의해웹서버와별개의프로그램으로취급되는 CGI 프로그램의실행흐름을웹서버가적절하게제어할수없었다. CGI 프로그램의문제를해결하기위해웹서버의일부인모듈형태로웹애플리케이션을작성하는새로운기술이개발 웹서버의서브루틴 (subroutine, C에서말하는함수 ) 형태로웹애플리케이션을작성 객체지향프로그래밍기법이도입되어서웹어플리케이션을객체형태로구현하는기술이등장하였는데, 그중하나가 서블릿 기술이다.
20/78 1. JSP 와서블릿에대하여 서블릿기술 (1) 서블릿 (servlet) 이란자바를기반으로하는웹애플리케이션프로그래밍기술이다. 서블릿기술에서는자바클래스형태로웹애플리케이션을작성하는데, 이클래스를서블릿클래스라고한다. 서블릿클래스를작성할때지켜야할규칙은다음과같다. 첫째 : 서블릿클래스는 javax.servle 패키지에속하는 Servlet 인터페이스를구현하도록만들어야한다. 둘째 : doget 또는 dopost라는메서드를선언하고, 그안에서블릿클래스가호출되었을때해야할일을써넣어야한다. ( 이두메서드를작성할때도지켜야할규칙이있으며, 그것은다음페이지에서설명할파라미터와익셉션에관한것이다.) 셋째 : 동적 HTML 문서를생성해서웹브라우저로보내는일을하기위해서는 doget, dopost 메서드의두번째파라미터를이용해야한다.
21/78 1. JSP 와서블릿에대하여 서블릿기술 (2) 다음은이세가지규칙에따라작성한서블릿클래스의예이다. 서블릿클래스의예 위의서블릿클래스는 1 부터 100 까지의합을구한결과를 HTML 문서로만들어서웹 브라우저로출력하는일을한다.
22/78 1. JSP 와서블릿에대하여 서블릿기술 (3) 서블릿클래스를작성한다음에는컴파일을해야한다. 컴파일방법은일반자바프로그램과마찬가지로 javac.exe 프로그램을이용하면된다. 컴파일결과물은웹서버에속한디렉터리에설치해야하고, 서블릿클래스를 URL과함께웹서버에등록하고나면프로그래머가해야할일은끝이난다. 서블릿클래스를개발할때해야하는일
23/78 1. JSP 와서블릿에대하여 JSP 기술 (1) JSP(JavaServer Pages) 는서블릿과마찬가지로자바를기반으로하는웹애플리케이션프로그래밍기술이다. JSP 페이지는서블릿클래스와반대로 HTML 문서안에자바코드가삽입되는구조를갖는다. JSP 페이지의예 <% 로시작해서 %> 로끝나는태그와 <%= 로시작해서 %> 로끝나는태그는 HTML 문법이아니라 JSP 문법에속하는것들이다. <% 와 %> 사이에는자바명령문을, <%= 와 %> 사이에는자바식을쓸수있다.
24/78 1. JSP 와서블릿에대하여 JSP 기술 (2) JSP 페이지는서블릿클래스와달리컴파일과정이나등록과정이필요치않으며, 텍스트에디터로소스코드를작성해웹서버에속한디렉터리에저장해놓기만하면된다. WAS 서버에의해자동으로 JSP 페이지는서블릿클래스로변환되어실행된다. JSP 페이지를개발할때해야하는일
25/78 1. JSP 와서블릿에대하여 JSP 기술 (3) <% 와 %> 또는 <%= 와 %> 로둘러싸인태그뿐만아니라 ${ 로시작해서 } 로끝나는태그도있는데, 이태그는 JSP 2.0 버전에새로추가된익스프레션언어의문법이며, 이언어를이용하면 JSP 페이지로부터자바코드를완전히제거할수있다. 서블릿기술과 JSP 기술을혼합해서작성한웹애플리케이션
26/78 2. JDK 설치하기 JDK 다운로드받기 웹브라우저의주소창에 http://java.sun.com/ 이라는 URL 에서무상으로다운로드받을 수있다. [ 그림 1-10] JDK 다운로드받기 (1)
27/78 2. JDK 설치하기 JDK 다운로드받기 마우스포인터를화면위쪽에있는 Downloads 메뉴위에올려놓으면다음과같은풀다 운메뉴가나타난다. [ 그림 1-11] JDK 다운로드받기 (2)
28/78 2. JDK 설치하기 JDK 다운로드받기 풀다운메뉴에서 Java SE 를선택하면화면이다음과같이바뀐다. [ 그림 1-12] JDK 다운로드받기 (3)
29/78 2. JDK 설치하기 JDK 다운로드받기 화면에서 Download JDK 버튼을누르면화면이다음과같이바뀐다. [ 그림 1-13] JDK 다운로드받기 (4)
30/78 2. JDK 설치하기 JDK 다운로드받기 화면에서 Download 버튼을누르면다음과같은작은창이나타난다. [ 그림 1-14] JDK 다운로드받기 (5)
31/78 2. JDK 설치하기 JDK 다운로드받기 화면에서 Skip this Step 을클릭하면작은창은없어지고, 웹브라우저화면이바뀌면서 다음과같이 JDK 를다운로드하는새로운작은창이나타난다. [ 그림 1-15] JDK 다운로드받기 (6) 위창에서 저장 버튼을누르면 JDK 다운로드가시작된다.
32/78 2. JDK 설치하기 윈도우플랫폼에 JDK 설치하기 다운로드받은 JDK 파일을더블클릭하면설치프로그램이시작되면서그림과같은창이 나타날것이다.
33/78 2. JDK 설치하기 윈도우플랫폼에 JDK 설치하기 Accept 버튼을누르면창이그림과같이바뀐다.
34/78 2. JDK 설치하기 윈도우플랫폼에 JDK 설치하기 Next 버튼을누르면창이다음과같이바뀌며, JDL 의설치가진행되는도중에다음과 같은창이하나더생길것이다.
35/78 2. JDK 설치하기 윈도우플랫폼에 JDK 설치하기 JRE 를비롯한 JDL 의모든항목들이설치되고나면원래있던창의모습은그림과같이 바뀔것이다.
36/78 2. JDK 설치하기 PATH 환경변수설정하기 JDK 가설치된후디렉터리바로아래 bin 이라는서브디렉터리가있고, 그안에 javac.exe 라는파일이있는데이파일이자바컴파일러이다. [ 그림 1-16] 자바컴파일러가설치된디렉터리 bin 디렉터리의경로명을윈도우운영체제의 PATH 환경변수에설정하면서블릿클래 스를컴파일할때마다경로명을일일이지정할필요가없어서편리하다.
37/78 2. JDK 설치하기 PATH 환경변수설정하기 윈도우 2000 이상의버전에서 PATH 환경변수를설정하는방법은다음그림과같다. 윈도우운영체제의 시작 메뉴에서설정 제어판 시스템 고급시스템설정을선택한다. [ 그림 1-17] PATH 환경변수설정하기 (1)
38/78 2. JDK 설치하기 PATH 환경변수설정하기 시스템속성창에서 환경변수 버튼을누르면다음과같이창이하나더나타난다. [ 그림 1-18] PATH 환경변수설정하기 (2)
39/78 2. JDK 설치하기 PATH 환경변수설정하기 편집 버튼을누르면다음의왼쪽같은창이나타나고, 새로만들기 버튼을누르 면오른쪽같은창이나타난다. [ 그림 1-19] PATH 환경변수설정하기 (3) [ 그림 1-20] PATH 환경변수설정하기 (4)
40/78 2. JDK 설치하기 PATH 환경변수설정하기 앞페이지창에서 확인 버튼을누르면새로운 PATH 환경변수값이저장되고창이 닫힐것이며, 환경변수창에새로운변수값이표시될것이다. [ 그림 1-21] PATH 환경변수설정하기 (5)
41/78 2. JDK 설치하기 PATH 환경변수설정하기 PATH 환경변수의설정작업이끝나면올바로설정되었는지확인해보자. 윈도우시작메뉴에서프로그램 보조프로그램 명령프롬프트를선택해서명령프롬프트창을띄운후 javac version 이라는명령을입력한다. [ 그림 1-22] 자바컴파일러의버전확인하기 자바컴파일러를 -version 옵션을주고실행하면자바컴파일러의버전이출력된다.
42/78 3. 톰캣설치하기 톰캣다운로드받기 웹브라우저의주소창에 http://tomcat.apache.org/ 라는 URL 을입력하면다음과같이 톰캣사이트의웹페이지가나타날것이다. [ 그림 1-23] 톰탯 6.0 다운로드받기 (1)
43/78 3. 톰캣설치하기 톰캣다운로드받기 Tomcat 6.x 를선택하면다음과같은화면이나타난다. [ 그림 1-24] 톰탯 6.0 다운로드받기 (2)
44/78 3. 톰캣설치하기 톰캣다운로드받기 Windows Service Installer 링크를클릭하면다음과같은작은창이나타난다. [ 그림 1-25] 톰탯 6.0 다운로드받기 (3) 저장버튼을누르면톰캣다운로드가시작된다.
45/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 다운로드받은톰캣파일을더블클릭하면설치프로그램이시작되면서그림과같은창 이나타난다.
46/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 Next 버튼을누르면창이다음그림과같이바뀐다.
47/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 I Agree 버튼을누르면창이다음그림처럼바뀌며, 이창에서는톰캣의설치항목을선택할수있으며, Examples 라는항목은 JSP 페이지와서블릿클래스의여러유용한예제들을포함하고있다.
48/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 이창은톰캣을설치할디렉터리의경로명을보여주고있으며다른디렉터리로바꾸고 싶으면 Browse 버튼을이용하여바꾸면된다.
49/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 이창에서는톰캣이실행될때사용할포트번호와관리자아이디, 암호를입력할수있으며, 이미표시되어있는 8080이라는포트번호는톰캣설치프로그램이자동으로선택한값인데, 때로는다른값으로바꾸어야할필요도있다.
50/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 포트번호는네트워크통신을하는프로그램에서사용하는프로그램의주소이다. 이미다른프로그램이사용중인포트번호는사용할수없으며, 현재사용중인포트번호를확인하려면명령프롬프트창을열고 netstat na 라는명령을입력하면된다. 사용중인포트번호 [ 그림 1-26] 이미사용중인포트번호를확인하는방법
51/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 포트번호를입력한다음에는관리자아이디와암호를입력해야한다.
52/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 이창에는톰캣이서블릿클래스와 JSP 페이지를실행할때필요한 JRE 라는프로그램의 경로가표시되어있다. JRE 는 JDK 를설치할때함께설치된다.
53/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 Install 버튼을누르면창이다음과같이바뀐다.
54/78 3. 톰캣설치하기 윈도우플랫폼에톰캣설치하기 톰캣의설치가완료되고나면다음과같은창이나타난다.
55/78 3. 톰캣설치하기 톰캣기동하기 윈도우의 시작 메뉴에서 제어판 관리도구 서비스 를선택해서서비스창 을열어본다. [ 그림 1-27] 윈도우운영체제의서비스로등록된톰캣
56/78 3. 톰캣설치하기 톰캣기동하기 서비스창에서 Apache Tomcat 서비스를더블클릭한다. [ 그림 1-28] Apache Tomcat 서비스를선택했을때나타나는창
57/78 3. 톰캣설치하기 톰캣기동하기 시작 버튼을누르면톰캣이시작되면서버튼의상태는다음그림과같이바뀐다. [ 그림 1-29] Apache Tomcat 서비스를시작하고난다음
58/78 3. 톰캣설치하기 톰캣기동하기 톰캣이제대로실행되고있는지확인하려면톰캣이설치된컴퓨터에서웹브라우저를 열고 http://localhost:8080/ 이라는 URL 을주소창에입력한다. 서블릭예제링크 JSP 예제링크 [ 그림 1-30] 톰캣의정상실행을확인하는화면
59/78 3. 톰캣설치하기 톰캣기동하기 톰캣의예제프로그램을테스트해보자 (Servlets Examples 선택 ). 서블릭클래스예제 [ 그림 1-31] 서블릿클래스의예제를테스트하는방법
60/78 3. 톰캣설치하기 톰캣기동하기 톰캣의예제프로그램을테스트해보자 (JSP Examples 선택 ). JSP 페이지예제 [ 그림 1-32] JSP 페이지의예제를테스트하는방법
61/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 이예제를텍스트데이터로작성해서톰캣에저장한다. [ 예제1-1] 아주간단한 HTML 문서 <HTML> <HEAD><TITLE>Very Simple Document<.TITLE></HEAD> <BODY>Hello, HTML</BODY> </HTML> 톰캣을설치한디렉터리로가면 webapps라는서브디렉터리가있고, 그아래 ROOT라는서브디렉터리가있는데이곳이 HTML 문서를저장하는가장기본이되는디렉터리다. HTML 문서파일의이름은.html 확장자로끝나야하므로 Hello.html라는이름으로저장한다.
62/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 예제를텍스트데이터로작성해서톰캣에저장한다. 1 톰켓의 webapps/root 디렉터리로간다 2[ 예제 1-1] 을텍스트에디터로작성해서디렉터리에저장한다 [ 그림 1-33] 톰캣에 HTML 문서를저장하는방법 (1)
63/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 웹브라우저를이용해서 HTML 문서를가져와본다. 톰캣이실행되고있는컴퓨터웹브라우저를열고http://localhost:8080/Hello.html이라고입력한다. [ 그림 1-34] 예제 1-1 의실행결과 (1)
64/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 톰캣에설치된디렉터리아래에있는 webapps 디렉터리로가서 brain이라는이름의서브디렉터리를만들고 ROOT 디렉터리에저장했던 Hello.html 파일을그서브디렉터리로옮긴다. 1 톰켓의 webapps 디렉터리아래에 brain 서브디렉터리를만든다. 2ROOT 디렉터리에저장했던 [ 예제 1-1] 을 brain 디렉터리로옮긴다. [ 그림 1-35] 톰탯에 HTML 문서를저장하는방법 (2)
65/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 brain 디렉터리처럼톰캣의 webapps 디렉터리바로아래에있는서브디렉터리를웹애 플리케이션디렉터리라고한다. Webapps 의바로아래있는서브디렉터리들은모두웹애플리케이션디렉터리이다 [ 그림 1-36] 톰캣의웹애플리케이션디렉터리들
66/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 ROOT 웹애플리케이션디렉터리에있는 HTML 문서는 http://< 웹서버주소 >:< 포트번호 >/< 파일이름 > 포맷의 URL을이용해서가져올수있다. 그밖의웹애플리케이션디렉터리에있는 HTML 문서는 http://< 웹서버주소 >:< 포트번호 >/< 웹애플리케이션디렉터리명 >/< 파일이름 > 포맷의 URL을이용해서가져올수있다. [ 그림 1-37] 예제 1-1 의실행결과 (2)
67/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 웹애플리케이션디렉터리의서브디렉터리에있는 HTML 문서를가져올때는 < 파일이름 > 대신 < 파일경로명 > 을써주어야한다. 주의 : 디렉터리를구분하기위해서역슬래시 (\) 를쓰는것이아니라슬래시 (/) 를써야한다. [ 그림 1-38] 웹애플리케이션디렉터리의서브디렉터리에있는 HTML 문서를가져오는방법
68/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 한글이포함된 HTML 문서를작성해서톰캣개발환경을테스트해보자. [ 예제1-2] 한글HTML문서 - 미완성 <HTML> <HEAD><TITLE> 아주간단한문서 <.TITLE></HEAD> <BODY> 안녕하세요, HTML</BODY> </HTML> 이예제를 brain 웹애플리케이션디렉터리 Hangul.html 이라는이름으로저장한다. [ 그림 1-39] 예제 1-2 의실행결과 (1) [ 그림 1-40] 예제 1-2 의실행결과 (2)
69/78 4. 간단한 JSP 페이지작성하기 간단한 HTML 문서로톰캣테스트하기 한글이깨지는이유는 <HEAD> 태그에 <META> 태그를추가하지않았기때문이다. [ 예제1-3] 한글HTML문서 - 완성 <HTML> <HEAD> <META http-equiv= Content-Type content= text/html;charset=euc-kr > <TITLE> 아주간단한문서 </TITLE> </HEAD> <BODY> 안녕하세요, HTML</BODY> </HTML> 이예제에사용한 <META> 태그는다음과같은뜻이다. <META http-equiv= Content-Type content= text/html;charset=euc-kr > 이문서의내용은 HTML 문법으로작성된텍스트이고 euc-kr 문자셋 ( 한글코드 ) 으로인코딩되어있다
4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 다음은 JSP 페이지의예이며, JSP 문법중가장유명한스크립틀릿 (scriptlet) 과익스프레션 (expression) 이포함되어있다. [ 예제 1-4] 간단한 JSP 페이지 <HTML> <HEAD><TITLE>Sum of 1 to 100</TITLE></HEAD> <BODY> <% int total = 0; for (int cnt =1; cnt <= 100; cnt++) total += cnt; 스크립트릿 (scriptlet) %> 1 + 2 + 3 +. + 100 = <%= total %> </BODY> 익스프레션 (expression) </HTML> 스크립틀릿 (scriptlet) 은작은스크립트라는뜻이다. 스크립틀릿은 <% 로시작해서 %> 로끝나고, 그사이에자바명령문들을쓸수있다. 스크립틀릿의시작표시 스크립틀릿의끝표시 <% int total = 0; for (int cnt =1; cnt <= 100; cnt++) total += cnt; %> 자바명령문들 70/78
71/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 익스프레션 (expression) 은식 ( 式 ) 이라는뜻이다. 익스프레션은 <%= 로시작해서 %> 로끝나고, 그사이에자바식을쓸수있다. 익스프레션의시작표시 <%= total + 101 %> 자바식 익스프레션의끝표시 JSP 페이지에있는 HTML 코드는웹브라우저로그대로전달되지만스크립틀릿과익스프레션은웹컨테이너에의해처리된다. 웹컨테이너는스크립틀릿에포함된자바명령문은실행만하고, 익스프레션에포함된자바식은계산한다음에그결과를웹브라우저로보낸다.
4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 [ 예제 1-4] 의 JSP 페이지가처리되고나면다음과같은 HTML 문서가웹브라우저로 전송된다. <HTML> <HEAD><TITLE>Sum of 1 to 100</TITLE></HEAD> <BODY> 1 + 2 + 3 +. + 100 = 5050 </BODY> </HTML> [ 그림 1-41] 예제 1-4 가생성하는 HTML 코드 [ 예제 1-4] 를톰캣의디렉터리에설치한다. [ 그림 1-42] 톰캣에 JSP 페이지를설치하는방법 72/78
73/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 JSP 페이지의설치가끝나고나면웹브라우저를이용해서호출할수있으며, URL을만드는방법은 HTML 문서의경우와동일하다. brain 웹애플리케이션디렉터리에 Hundred.jsp라는이름으로저장했다면 http://localhost:8080/brain/hundred.jsp라는 URL을만들어서사용한다. [ 그림 1-43] 예제 1-4 의실행결과
74/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 웹페이지의소스코드를확인하는방법은다음과같다. [ 그림 1-44] JSP 페이지로부터만들어진 HTML 코드를보는방법
75/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 다음과같은비슷한모습의에러페이지가나타날수도있다. 에러발생위치의소스코드 에러에대한설명 [ 그림 1-45] JSP 페이지에문법적인에러가있을때
76/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 한글이있는 JSP 페이지의작성예 [ 예제1-5] 한글이포함된 JSP 페이지 <%@page contenttype= text/html; charset=euc-kr %> <HTML> <HEAD><TITLE>1부터 100까지의합 </TITLE></HEAD> <BODY> <% int total = 0; for (int cnt =1; cnt <= 100; cnt++) total += cnt; %> 1부터 100까지더한값은? <%= total %> </BODY> </HTML> 위예제 1 행의코드는지시자 (directive) 라고하는 JSP 문법이다.
77/78 4. 간단한 JSP 페이지작성하기 간단한 JSP 페이지로톰캣테스트하기 지시자 (directive) 는스크립틀릿이나익스프레션처럼동적 HTML 문서를만드는일에직접참여하는것이아니라, 웹컨테이너가 JSP 페이지를처리할때필요한정보를기술한다. <%@page contenttype= text/html; charset=euc-kr %> 이문서의내용은 HTML 문법으로작성된텍스트이고 euc-kr 문자셋 ( 한글코드 ) 으로인코딩되어있으므로참고하라 [ 예제 1-5] 를작성한다음에 brain 웹애플리케이션디렉터리에 HundredHangul.jsp 라 는이름으로저장하라. [ 그림 1-46] 예제 1-5 의실행결과
Servlet & JSP