Web Programming Part2. & XML

Web Programming Part2. & XML 인공지능 연구실

목차 • 1. Web Programming Part.2 • 2. JSP & DB • 3. Terminology • 4. Concepts of XML • 5. DOM (Document Object Model) • 6. 실습

Web Programming Part.2

지난주에 이어 • JSP에 관한 추가 학습 및 DB 연동 부분을 진행합니다. • 여기에서 지난 시간에 진행하였던 환경 구축이 되어 있어야 합니다. • 자! 재빠르게 Apache Tomcat 및 Eclipse 상황을 확인합시다!!

JSP • 자바 서버 페이지(Java Server Pages, JSP)는 HTML 내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. JavaEE스펙 중 일부로 웹 애플리케이션 서버에서 동작한다. • 자바 서버 페이지는 실행 시에는 자바서블릿으로 변환된 후 실행되므로 서블릿과 거의 유사하다고 볼 수 있다. 하지만 서블릿과는 달리 HTML 표준에 따라 작성되므로 웹 디자인하기에 편리하다. 이와 비슷한 구조인 것인 PHP, ASP, ASP.NET 등도 있다. • 아파치 스트럿츠나 자카르타 프로젝트의 JSTL 등의 JSP 태그 라이브러리를 사용하는 경우에는 자바 코딩 없이 태그만으로 간략히 기술이 가능하므로 생산성을 높일 수 있다. 출처: http://ko.wikipedia.org/wiki/JSP

JSP 기초문법 (1/10) • 선언문(Declaration) • 선언문은 변수나 메소드를 선언할 때 사용하며, JSP태그(<% %>)안에서 느낌표(!)로 시작한다.

JSP 기초 문법 (2/10) • 표현식(Expression) • 문자열이나변수, 또는 메소드의 값을 출력할 때 사용하며 JSP태그(<% %>)안에서 등호(=)기호로 시작한다. out.print() 메소드와 동일한 기능을 수행한다. • 출력문 안에서 세미콜론(;)은 입력할 필요 없음.

JSP 기초 문법 (3/10) • 스크립트 문(Scriptlets) • JSP 스크립트태그(<% %>)내에서는 자바 코드를 사용할 수 있으며 일반적인 자바 코드와 마찬가지로 각 문장은 세미콜론(;)으로 끝난다.

JSP 기초 문법 (4/10) • 실행결과

JSP 기초 문법 (5/10) • 식별자 • 문자나 숫자, _, $로 구성되어야 한다. • 특수문자 사용불가. (_, $는 예외) • 한글 식별자 사용 가능. • 첫 글자는 문자만 사용 가능. • 대소문자 구분. • 예약어는 사용 불가.

JSP 기초 문법 (6/10) • 자료형

JSP 기초 문법 (7/10) • 주석

JSP 문법 (8/10) • 지시문(Directives) • “<%@”로 시작해서 정의하는 문을 지시문이라 한다. • 지시문은JSP컨테이너에게 메시지를 보내는 역할을 함. • page, include, taglib형태가 있음.

JSP 기초 문법 (9/10) • 지시문(Directives) • page <%@ page 속성1 = "속성값1" 속성2 = "속성값2" ... %> <%@ page contentType = "text/html;charset = utf-8" %> <%@ page import = "java.util.*, java.io.*, javax.sql.*" %> <%@ page import = "java.util.*" errorPage = "error.jsp" %>

JSP 기초 문법 (10/10) • 지시문(Directives) • include <%@ include file = "포함할 파일" %>

JSP Session (1/6) • Session • 망 환경에서 사용자 간 또는 컴퓨터 간의 대화를 위한 논리적 연결. • 프로세스들 사이에서 통신하기 위해 메시지 교환을 통해 서로 인식한 이후부터 통신을 마칠 때까지의 기간. 출처: http://terms.naver.com/entry.nhn?docId=852344

JSP Session (2/6) • Session 의 생성 • Session은 쿠키와 달리 웹 브라우저가 아닌 서버에 값이 저장된다. • Session은 page 지시자의 속성을 'true' 지정함으로써 생성할 수 있다. <%@ page session = "true" %>

JSP Session (3/6) • Session 기본 메소드 • setAttribute()/getAttribute() • Session 종료 메소드 참고 사이트: http://freeair-textcube.blogspot.com/2010/11/jsp-java-session-%EC%82%AC%EC%9A%A9%EB%B2%95.html <% session.setAttribute("name", “AILAB"); session.setAttribute("country", "대한민국"); %> <% String name = (String)sesstion.getAttribute("name"); %> <% session.invalidate(); %>

JSP Session (4/6) • Session 유효 시간 설정 • WEB-INF/web.xml에 <session-config> 태그 추가하여 지정. • session.setMaxInactiveInterval() 메소드로 유효기간 지정 <session-config> <session-timeout>60</session-timeout> </session-config> <% session.setMaxInactiveInterval(60 * 60); %>

JSP Session (5/6) • Session 예제

JSP Session (6/6) • Session 예제 실행 결과

추가자료. Java Script (1/6) • 자바의 형태를 본 따서 만든 클라이언트 사이드 스크립트 언어이다. • 스크립트 언어(Script Language) - 컴퓨터 프로그래밍 언어로서 응용 소프트웨어를 제어한다. • 홈페이지를 보다 역동적으로 꾸미는데 쓰인다. • HTML 안에 포함 된 언어로서 인터프리터 언어이다. • 인터프리터? • 소스 프로그램을 한번에 기계어로 변환시키는 컴파일러와는 달리 프로그램을 한 단계씩 기계어로 해석하여 실행하는 ‘언어처리 프로그램’이다.

추가자료. Java Script (2/6) • HTML 코드 중에 <Script type=“text/javascript"> 와 </Script>태그를 넣고 그 사이에 삽입 • ex) <HTML> <HEAD> <TITLE>자바스크립트 테스트</TITLE> <Script type="text/javascript"> document.write("Hello World!"); </SCRIPT> </HEAD> <BODY></BODY> </HTML>

추가자료. Java Script (3/6) • Java Script 의 변수선언은 기타 언어와 다르게 정수, 실수, 문자열, 배열 등의 변수의 타입을 구별하지 않고 하나의 키워드로 정의할 수 있다. • ex) <HTML> <HEAD> <TITLE>자바스크립트 테스트</TITLE> <Script type="text/javascript"> vari = 2; var s = “string”; document.write(“값 : "+ i + "<P>"); </SCRIPT> </HEAD> <BODY></BODY> </HTML>

추가자료. Java Script (4/6) • 주석 사용 • ex) <HTML> <HEAD> <TITLE>자바스크립트 테스트</TITLE> <Script type="text/javascript"> //해당 구문은 변수선언 과 그 값에 대한 출력에 대한 내용임 vari = 2; document.write(“값 : "+ i + "<P>"); /* 이것도 주석임 */ </SCRIPT> </HEAD> <BODY></BODY> </HTML>

추가자료. Java Script (5/6) • Java Script의 배열 • 변수 선언과 마찬가지로 하나의 키워드로 선언 • 타입에 관계 없이 정수, 문자열, 실수 등을 하나의 배열에 담는 것이 가능 • ex) <HTML> <HEAD> <TITLE>자바스크립트 테스트</TITLE> <Script type="text/javascript"> var a = new Array(4,”string”); var b = [4,”string”]; document.write(a[0],a[1],b[0],b[1]); </SCRIPT> </HEAD> <BODY></BODY> </HTML>

추가자료. Java Script (6/6) • 함수선언 및 호출부분도 기타 언어와 마찬가지로 사용 • ex) 선언 - ex) 호출 function first_func() { var i = 1; document.write(“값 : "+ i + "<P>"); } first_func()

JSP & DB 연동

MySQL • MySQL은 다중 스레드, 다중 사용자 형식의 구조질의어 형식의 데이터베이스 관리 시스템(SQL DBMS)이다. MySQL AB가 관리 및 지원하고 있으며, Qt처럼 이중 라이선스가 적용된다. 하나의 옵션은 GPL이며, GPL 이외의 라이선스로 적용하려는 경우 전통적인 지적재산권 라이선스의 적용을 받는다. • MySQL AB는 MySQL라이선스에 의한 판매 지원 및 서비스 계약 시스템을 개발, 유지한다. 그리고 또한 인터넷을 통한 전 세계의 협력자들을 고용한다. MySQL AB는 David Axmark, Allan Larsson 그리고 Michael "Monty" Widenius에 의해 설립되었다. • MySQL AB는 또한 MAX DB라고 불리는 MySQL AB와는 기반코드가 다른 데이터베이스 관리 시스템을 판매하고 있다. • 일부에서는 예전 SQL의 이니셜인 시퀄(SEQUEL:Structured English Query Language)이라고 발음하여 마이시퀄이라고도 부르며, 대한민국에서는 마이에스큐엘로 더 많이 발음된다. 출처: http://ko.wikipedia.org/wiki/Mysql

MySQL설치 (1/20) • http://www.mysql.com/downloads

MySQL설치 (2/20)

MySQL설치 (3/20)

MySQL설치 (4/20)

MySQL설치 (5/20)

MySQL설치 (6/20)

MySQL설치 (7/20)

MySQL설치 (8/20)

MySQL설치 (9/20)

MySQL설치 (10/20)

MySQL설치 (11/20)

MySQL설치 (12/20)

MySQL설치 (13/20)

MySQL설치 (14/20)

MySQL설치 (17/20)

MySQL설치 (18/20) • 환경변수 설정

MySQL설치 (19/20) • 환경변수 설정

MySQL설치 (20/20) • 환경변수 설정 • 시스템 변수 Path에 MySQL설치 경로 추가 • 예) C:\Program Files\MySQL\MySQL Server 5.6\bin;

Eclipse와 MySQL연동 환경 구축 (1/7) • 아직 끝나지 않았답니다. T-T • Connector/J을 다운 받습니다. • http://dev.mysql.com/downloads/connector/j/

Eclipse와 MySQL연동 환경 구축 (2/7)

Web Programming Part2. & XML