Web 을 위한 사전조사

1. 2팀 : 김병성, 심재진 Web을 위한 사전조사

2. 목차 • Web란? • WWW란? • Web browser의 정의 와 종류 • Client Side Language • DOM (Document Object Model)? • Server Side Language • HTTP? • Scope? • JSP를 이루는 구성 인자(element) • JSP 디폴트 객체(9가지)? • JSP Life cycle ??? • 쿠키(Cookie)? • 세션(Session)?

3. 1.Web란? • 전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스

4. 2. www란? • World Wide Web의 약자로 세계 규모의 거미집 또는 거미집 모양의 망이라는 뜻. • 인터넷은 국내 뿐만 아니라 전세계의 사람들을 빠르게 연결해 주는, 매우 매력적인 개념.

5. 3. web browser의 정의 와 종류 • 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어 • 종류 • 인터넷 익스플로러/ 모질라 파이어폭스/ 오페라 / 사파리 등..

6. 4.client side language • HTML • 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다. • CSS(Cascading Style Sheets ) • HTML의 단점을 보완하여 좀 더 자유롭게 웹 페이지를 디자인할 수 있도록 하는 웹 페이지 작성 기술 중의 하나입니다.

7. 4.client side language • 자바스크립트는 넷스케이프상에서 사용할 수 있는 스크립트 언어. • 넷스케이프사는클라리언트 쪽에서 독립적으로 실행되는 프로그램을 작성하기 위한 스크립트 언어로 라이브스크립트(LiveScript)라는 것을 발표 하였으나 자바가 인기를 끌자 Sun Microsystems사와 공동 프로젝트를 진행하여 자바스크립트를 만들어 발표함

8. 4.client side language • 브라우져객체 • Window, Document, Frame, History, Location, Form, Image, Link, Radio, Text, Checkbox, Select, Textarea, Navigator등이 Browser 객체. • 내장객체 • Date, Math, String, Array등 • 사용자 정의 객체 • 보다 효율적인 작업을 위해 객체를 직접 정의해서 사용하기도 합니다. 사용자 정의객체는 생성자 함수(Constructor)와 new keyword를 이용하여 생성함.

9. 4.client side language

10. 5.DOM (Document object Model)? • DOM즉 문서를 객체로 표현하기 위한 표준으로서 HTML이나 XML 등의 문서를 객체로 표현할 때 사용되는 API • DOM API는 문서를 트리 구조로 표현하기 때문에 쉽게 이해할 수 있음. • DOM API를 사용해서 서버가 생성한 XML로 부터 데이터를 추출할 수 있게 됨. • DOM API를 사용해서 XML 문서로부터 원하는 정보를 읽어 오는 방법을 익히는 것은 Ajax 필수적인 요소.

11. 6.Server side Language • 리퀘스트를요청 받은 서버는 처리결과를 클라이언트에 건네줌으로써 사용자는 요청한 결과를 서버로부터 받을 수 있음. • 대표적으로 PHP, JSP, ASP/ASP.NET등의 언어가 있음.

12. 6.Server side Language • servlet/ jsp • ASP, PHP와 마찬가지로, 서버에서 DB에 접근한다든지, 특정한 로직을돌리기위해JAVA를 언어로 사용하는 Server Side Script • ASP(Active Server Pages) • HTML과 같은 문서를 확장하여 스크립트화 한것 • 서버 차원에서각각의 Client Request에 대해서 동적으로 웹 페이지를 만들 수 있도록 Microsoft사에서 만든 인터넷 개발 도구.

13. 6.Server Side Language • PHP • 서버에서 해석되는 스크립트언어 • 특징 다양한 데이터 베이스와 연동가능 • 가볍고 빠른 속도 처리 • 자료형이 자유로움 • 다양한 운영체제지원 • ASP.NET은 • 웹 구현을 위해 사용되는 기능들을 미리 패키지화한 것 • 하나의 웹 기술을 의미함. • XML 웹 서비스 기술도 포함되어

14. 7.HTTP? • 인터넷에서, 웹 서버와 사용자의 인터넷 브라우저 사이에 문서를 전송하기 위해 사용되는 통신 규약.

15. 7.HTTP? • < HTTP request > • Request 라인 => GET, HEAD( get 매소드와 같지만, HTTP 헤더만을 요청하고 데이터는 요청하지 않음 ), POST • <HTTP response > • Response 라인 => 두가지 정보만을 갖는다 ( HTTP 버전 번호, 요청의 성공여부를 알리는 HTTP 요청코드 ) • 예) HTTP/1.0 200 ok ( ok 메시지를 나타내는 HTTP 상태코드 200을 반환 )

16. 8.Scope? • 페이지 스코프(page scope) • pageContext에 저장. • method - pageContext.getAttrubute(); - pageContext.getAttrubute(); • 페이지가 시작되면서 종료될때까지 유효. • 별도 스코프가 없으면 디폴트 임. • 요청 스코프(request scope) • method - request.setAttribute(); reqeust.getAttribute(); • 사용자의 요청이 전달되어 응답이 끝날때 까지 유효 • 서블릿이나jsp페이지에서 include나 forward를 통해 포함 시킨 페이지도 유효

17. 8.Scope? • 세션 스코프(session scope) • method - session.setAttribute(); session.getAttribute(); • 사용자의 세션이 유효한 동한 계속 유효함. • 애플리케이션 스코프(application) • 자바빈즈가application에 저장 • method - application.setAttribute(); application.getAttribute(); • 웹 애플리케이션이 종료되기 전까지 항상 유효(ex. tomcat)

18. 9.JSP를 이루는구성인자 1> Fixed Templete Data • HTML/XML 태그들로써 변화되지 않는 문서 내용 2> JSP element • 웹컨테이너가인식해서 처리작업을 수행하는 문서 내용

19. 9.JSP를 이루는구성인자 1) 지시어(Directive Element)란? • 형태 : <%@ 지시어%> • 종류 : page , include, taglib 2) 스크립팅원소(Scripting Element)? • 기능 : JSP페이지에 자바 코드를 직접기술 할 수 있게 하는 기능 • 종류와 형태 • 선언(declaration) <%! 자바코드%> • 스크립트렛(scriptlet) <%자바코드%> • 식(expression) <%=자바코드%>

20. 9.JSP를 이루는구성인자 3) 액션원소(Action Element)? • 설명 : JSP에서 표준으로 정의한 태그 • 형태 : <jsp:태그명> • 종류 : useBean, setProperty, getProperty, include, forward, param, params, plugin

21. 9.JSP를 이루는구성인자 • 4) EL(Expression Lauguage) ? • - 표현언어는 또 다른 스크립트 형태의 언어로서 정해져 있는 구문을 사용한 연산식의 연산 결과를 출력하는 기능을 지원. • - 표현언어는 $와 중괄호({,})를 사용하여 값을 표현한다. • - 표현언어에서 객체에 저장된 값에 접근할 때 . 연산자나 [ ] 연산자를 사용한다. • 사용되는 11가지 내장객체 • param, paramValues, Header, headerValues, Cookie, initParam, pageContext, pageScope, requestScope, sessionScope, applicationScope

22. 9.JSP를 이루는구성인자 • 5) JSTL(JavaServer Pages Standard Tag Library) Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음. • 6) CTL(Custom Tag Library)?? - JSTL같은 경우 미리 태그를 만들어 제공함에 비해 자신의 특성에 맞는 태그를 만들 수 있는 기술임 - JSP페이지내의 스크립트 코드를 줄여 좀더 간결한 JSP페이지를 만들 수 있음 - 한번 작성된 태그는 계속적으로 사용하기가 편리함 - HTML과 같은 태그라 자바를 모르더라고 사용하기가 편리함 - 사이트 구축 후 유지 보수 차원에서 뛰어난 효율을 발휘함

23. 10.JSP 디폴트 객체(9가지)? • page - JSP페이지 자신을 표현하기 위한 객체 (자바에서의 this) • config - 서블릿의 구성정보에 접근 • request - 클라이언트의 요청을 표현하기 위한 객체 • response - 웹 브라우저에 응답 데이터를 전송하기 위한 객체 • out - JSP페이지의 출력 스트림을 위한 객체 • session - 현재 사용자의 세션을 표현하기 위한 객체 • application - 웹응용프로그램을 표현하기 위한 객체 • pageContext - 다른 디폴트 객체들을 프로그램적으로 접근하기 위한 객체 • exception - 에러 처리를 위한 객체 ,에러페이지에서만 사용가능(isErrorPage = true)

24. 11.JSP Life cycle ? • 생명주기는 Servlet의 생명주기와 비슷한 생명주기를 가지고 있다. • Servlet은 init(),service(),destroy()메서드로 이루어져 있지만 JSP는 비슷한spInit(),jspService(),jspDestroy()로 이루어진다.

25. 12.쿠키(Cookie)? • 정의 - 웹브라우져가보관하고 있는 데이터 • 쿠키의 구성 • 이름 - 각각의 쿠키를 구별하는데 사용되는 이름 • 값 - 쿠키의 이름과 관련되 값 • 유효시간 - 쿠키의 유지 시간 • 도메인 - 쿠키를 전송할 도메인 • 경로 - 쿠키를 전송할 요청 경로

26. 13.세션(Session)? • 세션을 사용한다는 말은 session 기본 객체를 사용한다는 것을 의미. • getId() String 세션의 고유id를 구함(세션id) • getCreationTime() long 세션이 생성된 시간을 구한다. 시간은 1970년1월1일 이후 흘러간 시간을 의미한다 단위는 1/1000초이다. • getLastAccessedTime() long 웹 브라우져가 가장 마지막에 세션에 접근한 시간을 구한다. 시간은 1970년 1월 1일 이후 흘러간 시간을 의미하면 다위는 1/1000 초이다.