객체 및 객체 모델 데이터 전송 방식 Request 객체 Response 객체

Presentation on theme: "객체 및 객체 모델 데이터 전송 방식 Request 객체 Response 객체"— Presentation transcript:

1 객체 및 객체 모델 데이터 전송 방식 Request 객체 Response 객체

2 객체와 객체 모델 객체 스크립트의 기능을 확장함 스크립트로 스크립트 객체, 서버 객체, 서버 컴포넌트 를 생성하고 이용 구성
프로퍼티(Property) : 속성 메서드(Method) : 동작 이벤트(Event) : 사건

3 객체 모델 여러 가지 객체를 관련있는 것끼리 모아서 하나의 구조로 구성한 것
브라우저 객체 모델 : 스크립트와 브라우저간에 인터페이스 역할 수행, 즉, 스크립트와 브라우저 사이에서 일어나는 모든 동작이 바로 브라우저 객체 모델을 통해서 발생 Document.Form1.Element1.value 서버 객체 모델 : ASP에서 프로그램을 작성하는 필요한 서버 객체들을 모아둔 것, 주로 클라이언트와 서버간에 정보를 주고받는데 필요한 객체들

4 서버 객체 ASP가 제공하는 객체(Objects) 필요한 환경 정보 등을 파악하고 전송해 주는 역할
클라이언트와 서버간의 정보교환, 서버 및 브라우저 관련 정보 제공… VBScript가 직접 클라이언트(서버)에서 서버(클라이언트)로 자료를 전송할 수는 없음 객체를 호출·사용하여 스크립트 자체가 수행할 수 없는 기능을 완성 구성요소 컬렉션(Collection), 속성(Property), 메소드(Method), 이벤트(Event) 1 객체 및 객체 모델

5 컬렉션 컬렉션 문자열, 숫자, 객체 등을 저장하는 자료 구조
배열과 유사하지만, 문자열을 키 값으로 이용(배열 : 숫자를 인덱스(키)로 사용) strNamer("Writer") VisitCount("LASTDATE") Request.ServerVariables("REMOTE_ADDR") 배열이 제공하는 기능 + 유연한 처리를 지원(← 항목을 쉽게 찾거나 저장할 수 있음)

6 속성, 메소드 및 이벤트 속성 메소드 이벤트 객체가 가지는 값 또는 성질 객체가 가지는 내부의 변수나 하위 객체
객체가 수행하는 동작 보통 실행코드로 구성 메소드 : 객체가 가지는 함수에 해당하는 개념 속성 : 객체 내부의 변수 이벤트 객체에서 발생하는 상황 동적 웹 어플리케이션의 제작 → 발생한 이벤트를 처리하는 메소드를 작성

7 객체 모델 ASP 에서 프로그램을 작성하는 필요한 서버 객체들을 모아놓은것 클라이언트/서버 간에 통신할 때의 정보를 유지
정보 확인, 전달 등에 사용 Client (Browser) Server (ASP Server) Window Server Application Session Response Request Client Script 사용자에게 보여지는 페이지 서버에서 가지고 있는

8 객체 모델 객체 모델 객체의 각종 종류와 이들 간의 관계 Request 객체: 클라이언트의 정보를 서버로 전달
Response 객체: 서버의 정보를 클라이언트로 전달 Application 객체: 모든 사용자에게 정보를 공유하는 것과 관련 Session 객체: 서비스를 요청한 사용자들의 정보를 저장하는 것과 관련 클라이언트당 하나씩 생성 Server 객체: 서버에 관한 객체 생성, 확장성이 높음 서버 클라이언트 세션 Application Server Session Request Response AspError ObjectContext

9 Request 객체 HTTP 요청 시 클라이언트(브라우저)가 서버로 전송하는 값을 저장하는 객체
클라이언트가 서버로 보내는 값을 파악해 내어, 이에 따르는 적절한 대응 작업을 수행

10 Response 객체 서버에서 클라이언트로 전송하는 데이터를 가지는 객체 Request 객체와는 반대되는 개념의 역할을 수행

11 Application 객체 어플리케이션에 대한 공통적인 정보를 저장하는 객체 예) 현재까지의 특정 어플리케이션 방문자 수
다수의 사용자가 임의의 어플리케이션에 대한 정보를 공유할 수 있도록 지원

12 Session 객체 개별 사용자에 대한 정보를 저장하는 객체 예) 사용자의 세션 개시나 종료를 나타내는 이벤트
동일 어플리케이션 내의 페이지간에 데이터를 공유할 수 있도록 지원 임의의 사용자에 대하여 Application 객체와 Session 객체의 내용을 모두 적용시킬 수 있음

13 Server 객체 서버 객체, 컴포넌트 또는 컨트롤을 생성할 수 있도록 지원해 주는 객체
앞서 살펴 본 객체들은 ASP가 제공 → 별도의 정의 과정이나 생성 작업을 거치지 않고서도 바로 사용할 수 있는 객체

14 데이터 전송 방식(1/5) 클라이언트에서 서버로 정보를 전달하는 방식 GET 방식 POST 방식
클라이언트로부터의 데이터를 이름과 값이 결합된 스트링 형태로 전달 각 이름과 값의 쌍은 “&”를 이용하여 구분 웹 브라우저의 주소 입력란에서 위와 같이 직접 입력하여도 데이터를 서버로 전송

15 데이터 전송 방식(2/5) GET 방식 데이터를 쿼리 스트링(Query String)의 일부로써 전달
<FORM> 태그의 “METHOD” 속성의 값으로는 “GET”을 지정 <FORM action="Request.asp" METHOD="GET">

16 GET 방식 예 <FORM action="Request.asp" METHOD="GET">
… <FORM action="Request.asp" METHOD="GET"> 성명 : <INPUT id="Name" name="Name" ><BR> 학과 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="Electronic">전자공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="Computer">컴퓨터공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="electrical">전기공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="mechanical">기계공학 <BR> <INPUT id=submit1 name=submit1 type=submit Value=Submit> </FORM>

17 데이터 전송 방식(3/5) POST 방식 클라이언트와 서버간에 상호 정의되어 있는 형식대로 값을 인코딩한 다음 서버로 전송
내부의 구분자가 각 파라미터(이름과 값)를 구분 서버 : 전달된 스트링을 디코딩 → 각 파라미터를 구분 → 필요한 값들을 추출 클라이언트로부터의 데이터가 HTTP 헤더에 포함되어 전송 브라우저의 주소 입력란에 내용이 나타나지 않음

18 데이터 전송 방식(4/5) POST 방식 <FORM> 태그의 “METHOD” 속성의 값으로는 “POST”를 지정
<FORM METHOD="POST" action="TotalBytes_1.asp">

19 POST 방식 예 … <FORM METHOD="POST" action="TotalBytes_1.asp">
<INPUT name="Address" size="50"> <P> 학년을 선택하세요 <BR> <INPUT name="year" type="radio" value="1"> 1학년 <BR> <INPUT name="year" type="radio" value="2"> 2학년 <BR> <INPUT name="year" type="radio" value="3"> 3학년 <BR> <INPUT name="year" type="radio" value="4"> 4학년 <BR> <P> <INPUT type="submit" value="전송"> </FORM>

20 데이터 전송 방식(5/5) GET vs. POST GET 방식 : 기본적으로 데이터베이스에 대한 질의어 데이터와 같은 요청 자체를 위한 정보를 전송할 때 사용 POST 방식 : 데이터베이스에 대한 갱신 작업과 같은 서버측에서의 정보 갱신 작업을 원할 때 사용 일정한 크기 이상의 데이터를 전송할 때에는 POST 방식을 사용 GET 방식을 사용하면 이를 초과하는 데이터가 절단

21 데이터 전송 방식(5/6) GET 방식을 사용하면 데이터가 주소 입력란에 표시되므로 최소한의 보안도 유지되지 않음
POST 방식을 사용하면 GET 방식에 비해 상대적으로 처리 속도가 늦어짐 POST 방식 : 클라이언트측에서 데이터를 인코딩 → 서버측에서 디코딩

22 ASP에서의 데이터 이용 방법 Request 객체의 QueryString 컬렉션 사용
GET 방식으로 전달되는 데이터 Request 객체의 Form 컬렉션 사용 POST 방식으로 전달되는 데이터

23 URL 인코딩 URL 인코딩 URL 부분에서 직접 사용할 수 없는 문자에 대한 데이터 변환 과정
? : 클라이언트로부터의 전송 데이터가 시작된다는 것을 알려주는 기호 & : 폼으로부터 전달되는 각 데이터 파라미터를 구별하는 문자 = : 데이터 파라미터 내의 이름과 값을 구별하는 식별자 인코딩 : “%”와 16진 값을 사용

24 URL 인코딩 인코딩 전 인코딩 후 공백(Space) + “ %22 ? %3F % %25 + %2B & %26 = %3D
인코딩 전 인코딩 후 공백(Space) + “ %22 ? %3F % %25 + %2B & %26 = %3D 브라우저의 주소 입력란 폼에서의 입력이 다음과 같을 경우

25 Request 객체(1/8) QueryString 컬렉션
GET 방식으로 전송되는 클라이언트 폼의 데이터에 대한 변수와 값을 가지는 컬렉션 … <FORM action="Request.asp" method="GET"> 성명 : <INPUT id="Name" name="Name" ><BR> 학과 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="Electronic">전자공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="Computer">컴퓨터공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="electrical">전기공학 <BR> <INPUT type="radio" id="Dept" name="Dept" Value="mechanical">기계공학 <BR> <INPUT id=submit1 name=submit1 type=submit Value=Submit> </FORM>

26 Request 객체(2/8) “Request.asp” <%@ LANGUAGE=VBSCRIPT %>
<HTML> <HEAD> <TITLE> Request 객체 </TITLE> </HEAD> <BODY BGCOLOR="#CCCCFF"> ASP의 Request 객체<HR> <P>The Request.QueryString 콜렉션 <BR> <% For Each Item In Request.QueryString Response.Write Item & " = " & Request.QueryString(Item) & "<BR>" Next %> <HR> </BODY> </HTML>

27 Request 객체(3/8) <A> 태그의 “HREF” 속성을 사용하는 방법 <HTML>
<HEAD> <TITLE> QueryString </TITLE> </HEAD> <BODY> <% Favorite = Request.QueryString( "Favorite" ) IF Favorite <> "" THEN IF (Favorite = "baseball") THEN Play = "야구" Else Play = "축구" End If %> 당신은【 <%=Play%>】을(를) 선호합니다. <HR> END IF <A href="ex1-5.asp?Favorite=baseball"> 야구 </A> <P> <A href="ex1-5.asp?Favorite=soccer"> 축구 </A> </BODY> </HTML>

28 Request 객체(4/8) 컬렉션으로부터 원하는 값만을 추출하여 사용 <HTML> <HEAD>
<TITLE> QuryString </TITLE> </HEAD> <BODY> <% Favorite = Request.QueryString( "Favorite" ) IF Favorite <> "" THEN %> 당신의 추천 영화는【<%=Favorite%>】입니다. <HR> END IF 당신의 추천 영화가【JSA】라면 <A href="ex1-8.asp?Favorite=JSA"> 여기 </a>를 클릭하세요...... <P> 위 영화가 아니면, <FORM METHOD="GET" action="ex1-8.asp"> <INPUT name="Favorite" size="50"> <INPUT type="submit" value="추천 !!!"> </FORM> </BODY> </HTML>

29 Request 객체(5/8) Form 컬렉션 POST 방식으로 전송되는 클라이언트 폼의 데이터에 대한 변수와 값을 가지는 컬렉션 <A>의 “METHOD” 속성의 값으로 “POST”를 지정한다는 점을 제외하고는 QueryString 컬렉션과 동일

30 Request 객체(6/8) ServerVariables 컬렉션 클라이언트로부터의 여러 정보를 가지는 컬렉션
HTTP 헤더를 분석 → 이에 관한 모든 정보 환경 변수 등 (※ 명칭으로부터 서버에 관한 정보를 가지는 컬렉션이라고 추측하기 쉬우나, 사실은 클라이언트에 관한 대부분의 정보를 가지고 있음)

31 ServerVariables 컬렉션 <%@ LANGUAGE=VBSCRIPT %> <HTML>
<HEAD> <TITLE> Request 객체 </TITLE> </HEAD> <BODY BGCOLOR="#CCCCFF"> ASP의 Request 객체 - ServerVariables 콜렉션 <HR> <P>The Request.ServerVariables 콜렉션 내용<P> <% For Each Item In Request.ServerVariables Response.Write Item & " = " & Request.ServerVariables(Item) &"<HR>" Next %> </BODY> </HTML>

32 Request 객체(7/8) TotalBytes 속성 BinaryRead 메소드
클라이언트가 HTTP 요청의 본문에서 전송해 주는 데이터의 바이트 수를 나타내는 속성 읽기 전용 변경 불가 BinaryRead 메소드 POST 방식으로 전송한 클라이언트로부터의 데이터를 검출 → SafeArray라고 하는 배열에 저장 SafeArray : 차수(Dimension)에 관한 정보를 가지고 있는 배열

33 Request 객체(8/8) BinaryRead 메소드
Request.Form 컬렉션을 통하여 POST 방식으로 전송되는 데이터를 확인하는 경우와는 달리, 클라이언트로부터의 원본 데이터를 읽기 위해 사용 … <% totalBytes = Request.TotalBytes IF totalBytes > 0 THEN Response.Write "입력된 데이터의 총 바이트 수 : " & totalBytes & "<HR>" 'BinaryRead 메소드는 다음과 같이 배열 SafeArray에 저장할 바이트 수를 '지정해 주는 파라미터를 가짐 inputData = Request.BinaryRead(totalBytes) Response.BinaryWrite inputData Response.Write "<HR>" END IF %>