본문 바로가기

Web Development/ASP

[ASP] ASP로의 첫번째 도전!!

이제 모든준비가 되어졌으니 실제적으로 ASP를 코딩하며 공부에 들어가도록 해봅시다...
이제 이 초보자용 강좌도 거의 마무리가 되어져 가고 있네요~ ^_^

ASP로의 첫번째 도전!!

이제 여러분은 첫 번째 ASP 페이지를 제작하고,
그 ASP페이지를 서버에서 실행시켜 보려고 한다.

즉, 브라우저로 그 페이지를 요청해서 결과를 보고자 한다.
머리속에서 이전에 공부한 내용이 그려지는가?

ASP페이지를 사용자가 요청할 시에 어떠한 일들이 서버에서 일어나는지 머리속에 그려지는가?
겁 주는 것은 아니지만 반드시 그려져야만 한다.

누누히 강조하지만 이것은 초보자들에게는 너무나도 중요한 것이기 때문이다.

일반적으로 모든 언어를 처음 할 때는 "Hello"라는 것을 한다.
예를 들면, "Hello Java", "Hello Visual C++" 뭐 이런거 말이다.

우리는 좀 더 더 수준을 높여보자.
그래서, 우리의 첫 번째 ASP 페이지는 다음으로 하려고 한다.

"How are you?. ASP"

그렇다. 수준이 높다. 하우아유다..
이것은 수준이 높다.
뭐든지 기초가 중요하다.

이제 여전히 재미있게 우리의 ASP 페이지를 만들어 보자.

이제 에디터를 열자.
그 어떠한 에디터라도 좋다.
메모장도 좋고, UltraEdit도 좋다.
여러분이 사용하는 아무 에디터나 열자.

그리고, 그 안에 다음과 같이 코딩을 하자. (굵은 부분이 ASP코드 부분이다)

HowAreYou.asp

<HTML>
<HEAD><title>HowAreYou.asp</title>
</HEAD>
<BODY>
<P>&nbsp;</P>
<% for i = 1 to 3 step 1 %>
   하우 아 유?? ASP <br>
<% next %>
</BODY>
</HTML>

코딩을 다 하셨다면 이 HowAreYou.asp를 어디에 저장하여야 하는가?
바로 우리의 가상 디렉토리인 C:\taeyo\ 에 위치시켜야 한다.
이곳이 웹을 위해 준비한 가상 디렉토리이니 말이다.

그렇다면, 그 곳에 이 파일을 위치시키고 난 뒤에는 어떻게 해야 하는가?
브라우저를 열어서 다음과 같이 접근하도록 한다.

http://여러분의 IP주소/taeyo/HowAreYou.asp   혹은
http://localhost/taeyo/HowAreYou.asp 

localhos는 여러분의 서버 자신을 나타내는 것이라 생각하면 된다.

이렇게 해야 우리의 HowAreYou.asp 페이지를 서버에서 실행시키고,
그 결과를 받아볼 수가 있다.

누누히 말했듯이 ASP 페이지는 특이하기 때문이다.
이런 식으로 접근하면 여러분은 클라이언트의 입장으로
서버에게 ASP 페이지를 요청하는 것이고,

이 페이지는 서버의 ASP.DLL을 돌아서 실행된 뒤에
여러분에게 다음과 같은 결과를 보여주게 될 것이다.

위와 같은 결과화면을 보았다면 브라우저의 '소스보기'를 해서 현재 문서의 소스를 보도록 하자.
소스는 아마도 다음과 같을 것이다.

결과 HowAreYou.asp 페이지의 소스

<HTML>
<HEAD><title>HowAreYou.asp</title>
</HEAD>
<BODY>
<P>&nbsp;</P>
   하우 아 유?? ASP<br>
   하우 아 유?? ASP<br>
   하우 아 유?? ASP<br>
</BODY>
</HTML>

뭔가 차이점을 느끼시는가? 그렇다.

ASP 페이지에서의 아래 그림의 왼쪽과 같은 부분이 모두 오른쪽과 같이 바뀌었다.
원래의 ASP페이지는 뭔가 희안한(?) 코드로 만들어져 있었는데, 
사용자에게 결과로 보여지는 페이지는 모두 html식으로 바뀌어져 있는 것이다.

여기서 한가지 알 수 있는 점은 결과를 받아본 사용자들은
원래의 ASP 페이지가 어떤 식으로 코딩이 되어져 있는지를 알 길이 없다는 것이다.
사용자가 보고있는 결과 페이지는 이미 IIS서버내에서 해석이 끝나,
html코드로 다 해석이 되어져버린 결과 페이지이기 때문이다. 이 점이 바로 ASP 페이지의 장점인 것이다.

그러면, 이제 원래의 소스를 보자.

원래의 소스가 의미하는 것은 무엇인가?

잘 보면 html태그들 사이에 <% 로 시작해서 %>로 끝나는 어떤 문자들이 있음을 볼 수가 있다.
바로 이것이ASP 코드이다.

ASP 코드는 언제나, 항상 , 반드시, 결사코 <% 시작해서 %>로 끝나야 한다.
이 안에 들어있는 것이 ASP 코드로 인식이 되어지고 서버에서 해석이 되어지는 부분인 것이다.

그리고, 이 부분은 우리의 html 사이사이에 어디든지 끼어들 수가 있다.
자신이 편하게 생각하는 곳에 코드를 끼워넣으면 된다.

물론 해석되어져 그 결과코드가 출력되는 곳도 같은 위치라는 것은 기억해야 한다.
우리의 소스중에는 <BODY>태그 안쪽으로 다음과 같은 부분이 있다.

<% for i = 1 to 3 step 1 %>
   하우 아 유?? ASP <br>
<% next %>

위의 코드는 Visual Basic 스크립트 코드이다
 비쥬얼 베이직의 상당히 많은 부분을 웹상에서 사용가능하게 하는 스크립트로 모든 문법이 비쥬얼 베이직과 동일하다.

위의 구문은 이미 배운 구문중에 하나인 반복문으로써 For~next 문이다.
지정한 횟수만큼 지정한 행동을 반복하게 하는 구문인 것이다.
for문의 기본적인 구성은 For A to B step C .... Next이다.

이를 해석하면,

A부터 B까지 C씩 중가하며 반복해서 하라는 것으로 위의 소스대로라면 1부터 3까지 반복하는데
그 단계(step)가 1이므로 한번 실행한 다음 1을 증가시키고 3이 될 때까지 반복하라는 것이다.

고로 위의 구문은 For와 next 사이에 존재하는 어떠한 것을 3번 반복해서 실행하는 결과를 나타낸다.

이해가 어느정도는 되었을 것이라고 생각한다.

그렇기에 "하우 아 유?? ASP <br>"라는 구문이 3번 반복해서 출력이 되는 것이다.
그 결과 만들어진 구문은 아래와 같을 것이다.

여러분을 너무 초보로 몰고가는 분위기라 기분이 상하신 분도 있을지 모르겠지만,
아시는 분은 아신다.

기초는 튼튼할수록 내공향상에 크게 기여한다.

하우 아 유?? ASP <br>
하우 아 유?? ASP <br>
하우 아 유?? ASP <br>

이제 전체의 내용을 필자가 꾸며본 그림을 참고로 이해하자.
이 그림을 만드느라 상당한 시간을 들였으니 부디 꼼꼼히 봐주시기 바란다.
그림에 대한 설명은 그림 이후에 계속되어질 것이다.

<< 위의 그림의 스토리 >>

사용자는 서버에게 HowAreYou.asp라는 페이지를 요청한다.
일반 페이지가 아닌 ASP 페이지이다.

서버는 이 요청을 받아들이지만 페이지의 확장자가 ASP임을 이내 알아챈다.
해서 이 페이지를 사용자에게 돌려보내기 전에 먼저 웹 서버의 ASP.DLL에게로 보내서 해석을 요청한다.

ASP.DLL로 들어온 이 페이지는 해석이 되어져서
ASP코드 부분이 HTML코드로 바뀌어지게 된다.

다 해석된 HowAreYou.asp페이지는
이제 마치 HTML페이지처럼 바뀌어져서 사용자에게로 건네어지게 된다.
사용자의 브라우저는 이 문서를 받아 사용자가 알아볼 수 있게끔 꾸며 사용자에게 보여주는 것이다.

위의 이야기를 이해하시는가?

그렇다면 여러분은 이미 ASP의 절반은 하신 것이다.
사실상 ASP로 쇼핑몰을 구축하실 줄 아시는 분들도 이 부분에 대한 이해가 부족한 분들을 다소 보았다.

 

ASP 1차 정리

- 서버는 ASP 페이지를 그 확장자로 인식하며,
  ASP페이지임이 확인되면 ASP.DLL을 거치게 한다.

- ASP.DLL을 거친 ASP파일은 사용자의 브라우저로 건네어질 때는
  이미 원래의 ASP파일이 아니다. 
 
  즉, 사용자는 결과 HTML코드만을 보게 되며,
  원래의 ASP 소스코드는 결코 알 수가 없다.

- ASP 소스는 <% 로 시작하여 %> 로 끝난다.

'Web Development > ASP' 카테고리의 다른 글

[ASP] 사용자에게 정보 얻기  (0) 2009.06.06
[ASP] 기본 문법 에 대하여  (0) 2009.06.06
[ASP] 기초튼튼 입문강좌  (0) 2009.06.06
[ASP] 기초 입문 강좌  (0) 2009.06.06
[ASP] 입문  (0) 2009.06.06