26
WEB 을 을을 을을을을 2 팀 : 팀팀팀 , 팀팀팀

Web 을 위한 사전조사

  • Upload
    sybil

  • View
    67

  • Download
    0

Embed Size (px)

DESCRIPTION

2 팀 : 김병성 , 심재진. Web 을 위한 사전조사. 목차. Web 란 ? WWW 란 ? Web browser 의 정의 와 종류 C lient Side Language DOM (Document Object Model )? Server Side Language HTTP? Scope? JSP 를 이루는 구성 인자 (element ) JSP 디폴트 객체 (9 가지 )? JSP Life cycle ??? 쿠키 (Cookie )? 세션 (Session)?. 1.Web 란 ?. - PowerPoint PPT Presentation

Citation preview

Page 1: Web 을 위한 사전조사

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

Page 2: Web 을 위한 사전조사

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

Page 3: Web 을 위한 사전조사

1.Web 란 ?

전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스

Page 4: Web 을 위한 사전조사

2. www 란 ?

World Wide Web 의 약자로 세계 규모의 거미집 또는 거미집 모양의 망이라는 뜻 .

인터넷은 국내 뿐만 아니라 전세계의 사람들을 빠르게 연결해 주는 , 매우 매력적인 개념 .

Page 5: Web 을 위한 사전조사

3. web browser 의 정의 와 종류 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어 종류

인터넷 익스플로러 / 모질라 파이어폭스 / 오페라 / 사파리 등 ..

Page 6: Web 을 위한 사전조사

4.client side language

HTML 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다 . 하이퍼텍스트를 작성하기 위해 개발되었다 .

CSS(Cascading Style Sheets ) HTML 의 단점을 보완하여 좀 더 자유롭게 웹 페이지를 디자인할 수 있도록 하는 웹 페이지 작성 기술 중의 하나입니다 .

Page 7: Web 을 위한 사전조사

4.client side language

자바스크립트는 넷스케이프상에서 사용할 수 있는 스크립트 언어 .

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

Page 8: Web 을 위한 사전조사

4.client side language

브라우져객체 Window, Document, Frame, History, Location,

Form, Image, Link, Radio, Text, Checkbox, Se-lect, Textarea, Navigator 등이 Browser 객체 .

내장객체 Date, Math, String, Array 등

사용자 정의 객체 보다 효율적인 작업을 위해 객체를 직접 정의해서 사용하기도 합니다 . 사용자 정의객체는 생성자 함수

(Constructor) 와 new keyword 를 이용하여 생성함 .

Page 9: Web 을 위한 사전조사

4.client side language

Page 10: Web 을 위한 사전조사

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

Page 11: Web 을 위한 사전조사

6.Server side Language

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

Page 12: Web 을 위한 사전조사

6.Server side Language

servlet / jsp ASP, PHP 와 마찬가지로 , 서버에서 DB 에 접근한다든지 , 특정한 로직을 돌리기위해 JAVA를 언어로 사용하는 Server Side Script

ASP(Active Server Pages) HTML 과 같은 문서를 확장하여 스크립트화 한것 서버 차원에서각각의 Client Request 에 대해서 동적으로 웹 페이지를 만들 수 있도록 Microsoft사에서 만든 인터넷 개발 도구 .

Page 13: Web 을 위한 사전조사

6.Server Side Language

PHP 서버에서 해석되는 스크립트언어 특징 다양한 데이터 베이스와 연동가능 가볍고 빠른 속도 처리 자료형이 자유로움 다양한 운영체제지원

ASP.NET 은 웹 구현을 위해 사용되는 기능들을 미리 패키지화한 것 하나의 웹 기술을 의미함 . XML 웹 서비스 기술도 포함되어

Page 14: Web 을 위한 사전조사

7.HTTP?

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

Page 15: Web 을 위한 사전조사

7.HTTP?

< HTTP request > Request 라인 => GET,

HEAD( get 매소드와 같지만 , HTTP 헤더만을 요청하고 데이터는 요청하지 않음 ), POST

<HTTP response > Response 라인 => 두가지 정보만을 갖는다 ( HTTP 버전 번호 , 요청의 성공여부를 알리는

HTTP 요청코드 ) 예 ) HTTP/1.0 200 ok ( ok 메시지를 나타내는 HTTP 상태코드 200 을 반환 )

Page 16: Web 을 위한 사전조사

8.Scope?

페이지 스코프 (page scope) pageContext 에 저장 . method - pageContext.getAttrubute(); - pageContext.getAttrubute(); 페이지가 시작되면서 종료될때까지 유효 . 별도 스코프가 없으면 디폴트 임 .

요청 스코프 (request scope) method - request.setAttribute(); reqeust.getAttribute(); 사용자의 요청이 전달되어 응답이 끝날때 까지 유효 서블릿이나 jsp 페이지에서 include 나 forward 를 통해 포함 시킨 페이지도 유효

Page 17: Web 을 위한 사전조사

8.Scope?

세션 스코프 (session scope) method - session.setAttribute(); session.getAttribute(); 사용자의 세션이 유효한 동한 계속 유효함 .

애플리케이션 스코프 (application) 자바빈즈가 application 에 저장 method - application.setAttribute(); application.getAttribute(); 웹 애플리케이션이 종료되기 전까지 항상 유효 (ex. tom-

cat)

Page 18: Web 을 위한 사전조사

9.JSP 를 이루는 구성인자1> Fixed Templete Data

HTML/XML 태그들로써 변화되지 않는 문서 내용2> JSP element

웹컨테이너가 인식해서 처리작업을 수행하는 문서 내용

Page 19: Web 을 위한 사전조사

9.JSP 를 이루는 구성인자1) 지시어 (Directive Element) 란 ?

형태 : <%@ 지시어 %> 종류 : page , include, taglib

2) 스크립팅원소 (Scripting Element)? 기능 : JSP 페이지에 자바 코드를 직접기술 할 수 있게 하는 기능 종류와 형태

선언 (declaration) <%! 자바코드 %> 스크립트렛 (scriptlet) <% 자바코드 %> 식 (expression) <%= 자바코드 %>

Page 20: Web 을 위한 사전조사

9.JSP 를 이루는 구성인자3) 액션원소 (Action Element)?

설명 : JSP 에서 표준으로 정의한 태그 형태 : <jsp: 태그명> 종류 : useBean , setProperty, getProp-

erty, include, forward, param, params, plugin

Page 21: Web 을 위한 사전조사

9.JSP 를 이루는 구성인자 4) EL(Expression Lauguage) ?

- 표현언어는 또 다른 스크립트 형태의 언어로서 정해져 있는 구문을 사용한 연산식의 연산 결과를 출력하는 기능을 지원 . - 표현언어는 $ 와 중괄호 ({,}) 를 사용하여 값을 표현한다 . - 표현언어에서 객체에 저장된 값에 접근할 때 . 연산자나

[ ] 연산자를 사용한다 .

사용되는 11 가지 내장객체 param, paramValues, Header, headerValues, Cookie,

initParam, pageContext, pageScope, requestScope, sessionScope, applicationScope

Page 22: Web 을 위한 사전조사

9.JSP 를 이루는 구성인자 5) JSTL(JavaServer Pages Standard Tag Library) Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음 .

6) CTL(Custom Tag Library)?? - JSTL 같은 경우 미리 태그를 만들어 제공함에 비해 자신의 특성에 맞는 태그를 만들 수 있는 기술임

- JSP 페이지내의 스크립트 코드를 줄여 좀더 간결한 JSP페이지를 만들 수 있음 - 한번 작성된 태그는 계속적으로 사용하기가 편리함 - HTML 과 같은 태그라 자바를 모르더라고 사용하기가 편리함 - 사이트 구축 후 유지 보수 차원에서 뛰어난 효율을 발휘함

Page 23: Web 을 위한 사전조사

10.JSP 디폴트 객체 (9 가지 )?

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

Page 24: Web 을 위한 사전조사

11.JSP Life cycle ?

생명주기는 Servlet 의 생명주기와 비슷한 생명주기를 가지고 있다 .

Servlet 은 init(),service(),destroy()메서드로 이루어져 있지만 JSP 는 비슷한spInit(),jspService(),jspDestroy() 로 이루어진다 .

Page 25: Web 을 위한 사전조사

12. 쿠키 (Cookie)?

정의 - 웹브라우져가 보관하고 있는 데이터 쿠키의 구성

이름 - 각각의 쿠키를 구별하는데 사용되는 이름 값 - 쿠키의 이름과 관련되 값 유효시간 - 쿠키의 유지 시간 도메인 - 쿠키를 전송할 도메인 경로 - 쿠키를 전송할 요청 경로

Page 26: Web 을 위한 사전조사

13. 세션 (Session)?

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