인터랙티브(Interactive) 환경의 대두

전 시간에 언급한 웹서버와 그 환경에서 작동하는 웹스크립트 언어들의 간략한 소개를 하였다. 그렇다면 이러한 웹 스크립트 언어들이 갖는 강점은 무엇인가? 인터넷의 보급과 더불어 쌍방향 통신을 위해 꾸준히 재기된 문제가 바로 '얼마나 동적인(dynamic)한 모습을 보여줄 수 있는가?' 라는 화두와 밀접한 관련이 있다.

정적(static)인 환경에 신물이난 많은 사용자들은 , 이같은 인터넷의 고정적인 서버스들에서 정보를 수집하고 획득하는 과정을 통해 좀더 상호작용이 가능한 환경을 희망하게 되었고 , 이 같은 추세는 정적인 HTML 에 옷을 입히는 결과를 초래하게 된다. 물론 HTML의 버전이 올라감에 따라 지원되는 태그 또한 소수 증가하게 되었지만, HTML의 태생적 한계는 쉽게 바꿀 수 없는 것이었다.

그렇다면 동적(dynamic)환경이란 무엇을 의미하는가? 대표적인 예를 들자면 시각적인 부분을 위해 FLASH,움직이는 GIF(Animated GIF) 등과 자바스크립트(JavaScriptp) ,비주얼베이직 스크립트(VBScript)등을 이용한 CSS(Client Side Script) , 쌍방향 성격을 갖는 게시판,방명록,카운터,온라인 투표등 우리가 현재 사용하는 대부분의 사이트들에서 볼 수 있는 것들이 이에 해당한다.

많은 유저들이 인터넷을 통해 글을 작성하는 것은 어떠한 형태로 처리되는 것일까? 의외로 간단하고 명료하게 이루어진다. 각각의 역할을 분리해서 생각해 보면 쉽게 이해할 수 있게 된다. 아래의 예는 한 유저가 게시판에 글을 남기는 과정을 예상해본 것이다.

▲ 웹서버와 DB서버의 관계

①④,②③ 쌍은 1편에서본 C/S구조를 그대로 따르고 있는 것을 볼 수 있다. 웹서버가 처리해 보내주는 데이터는 이미 가공이 끝난 상태로  전해지며, 우리가 흔히 사용하는 인터넷 익스플로러로 보내온 HTML을 볼 수 있다. 또한 DB 서버에 요청을 할 경우 역시 정해진 규칙에 맞는 언어를 사용해야 한다.

지금까지 살펴본 내용을 토대로 보면 홈페이지를 만들기 위해선 기본적으로 HTML을 알아야 한다. 또한 동적인 환경을 추가하기 위해선 스크립트 언어들(JSP,ASP,PHP,Javascript,VBScript등)과 데이터 저장,관리를 위해 DB 사용법등에 대한 전반적인 지식이 필요하다는 것을 알 수 있다. 물론 최근 많이 사용되어지는 플래쉬등은 제처두고 말이다.

웹클라이언트(예:인터넷 익스플로러)를 통해 HTML 소스보기를 해보면 FORM 태그를 발견할 수 있으며, 그 중 '올리기'(submit)등의 버튼이 눌러지게 되면 ACTION 속성에 할당된 값(위의 예에서는 write_ok.php)에 해당되는 URL 파일이 호출된다. 이런 호출과 동시에 제목,내용 값들 뿐 아니라 사용자의 환경정보들(사용자의 IP주소, 웹클라이언트의 종류 및 버전등 )이 웹클라이언트에 의해 수집되어 웹서버로 전송된다.