1-1-1.동적인 웹

웹을 구성하는 기술은 고유의 역할이 분명히 정해져 있다. HTML은 문서의 구조와 내용을 기술하고 CSS는 문서의 모양을 정의한다. 이 두 기술에 의해 정의되는 웹 페이지는 정적이며 변화가 없다. CSS3에 애니메이션 기능이 도입되었지만 이마저도 미리 정해진 조건과 규칙대로 움직임을 보여줄 뿐이지 실시간으로 상황을 판단해서 능동적으로 사용자와 상호 작용하는 것은 아니다.

브라우저는 웹 서버에서 HTML 문서와 이미지, 스타일시트를 다운로드받아 이를 해석하고 포맷팅하여 보여준다. 정적으로 뭔가를 보여 주기만 할 뿐이지 실시간 동작은 하지 못한다. 기껏해야 링크를 누르면 다른 문서로 이동하고 긴 문서를 스크롤하는 정도다. 애초에 HTML이 학술 문서 공유를 위해 만들어진 포맷임을 생각해보면 당연하다. 처음에는 문서를 읽는 것만으로도 충분했으며 이때까지의 웹은 전 세계의 웹 서버를 총망라한 거대한 책일 뿐이었다.

그러나 네트워크가 빨라지고 고성능 컴퓨터가 등장함으로써 요구가 점점 다양해졌다. 조건에 따라 웹 페이지의 내용이나 스타일을 바꿔야 하고 사용자의 동작에 즉각적인 반응을 보일 필요도 있다. 가만히 있어서는 안되며 끊임없이 꿈틀거려 사용자의 관심을 끌어야 하며 대화상자를 통해 질문도 하고 처리 결과도 보여 주어야 한다. 최근의 대화형 웹 앱은 거의 데스크탑 프로그램 수준으로까지 발전했다. 구글 독스에 접속하면 웹 브라우저에서 직접 문서를 작성할 수 있다.

별도의 프로그램을 설치할 필요가 없으며 접속하는 것만으로도 문서를 바로 만들 수 있다. 운영체제나 장비의 영향을 받지 않으며 클라우드에 저장해 두면 언제 어디서나 문서를 읽고 편집할 수 있다. 스프레드시트나 프리젠테이션 등 범용적인 오피스 관련 프로그램도 웹에서 실행할 수 있다. 초기에는 간단한 동작만 가능했지만 기술의 발전으로 인해 전통적인 데스크톱 응용 프로그램도 모두 웹으로 실행 가능하다.

이제는 웹이 정보를 보기만 하는 환경이 아니라 프로그램을 실행시킬 수 있는 플랫폼이 되었으며 웹 전용의 운영체제와 노트북까지 발표되었다. 데스크탑에 있던 웬만한 소프트웨어는 모두 웹용으로 다시 작성되었으며 이런 앱을 배포하고 관리하는 크롬 웹스토어도 있다. 그 중 일부는 유료로 판매하는데 그만큼 품질이 우수해졌다는 얘기이다. 앞으로는 웹용으로 발표되는 앱이 점점 더 많아질 것이며 프로그램 설치없이도 대부분의 작업을 웹에서 처리할 수 있게 될 것이다.

앱을 만들려면 사용자의 조작에 대해 어떤 반응을 보일 것인지를 정의하는 코드가 필요한데 이런 동작을 정의하는 코드가 바로 스크립트이다. 스크립트라는 용어는 해석과 동시에 실행하는 인터프리터 방식의 간단한 언어를 의미한다. C++이나 자바 수준의 컴파일 언어에 비해서는 성능이 떨어지지만 가볍고 배우기 쉽다는 장점이 있다.

스크립트의 실행 주체는 웹 브라우저이다. 스크립트 코드는 HTML 문서에 같이 작성되어 배포되며 브라우저가 이 문서의 코드를 해석하여 실행한다. 이런 식으로 브라우저상에서 실행되는 언어를 클라이언트 스크립트라고 한다. 이에 비해 JSP, PHP, ASP 등 서버상에서 실행되어 HTML 문서를 만들어내는 역할을 하는 언어를 서버 스크립트라고 부른다. 이 책에서 다루는 대상은 클라이언트 스크립트이며 서버 스크립트는 별도의 과목으로 따로 공부해야 한다.

스크립트 이전에도 동작을 정의하는 방법이 많이 있었다. 자바와 함께 등장한 자바 애플릿이 있었고 플래시나 실버라이트로도 복잡한 동작을 구현할 수 있다. 또 그 악명높은 ActiveX는 아직까지도 전자 상거래에 많이 사용되고 있으며 이런 것들에 의해 RIA가 구축되었다. 그러나 호환성, 보안성의 문제가 있어 지금은 이런 기술을 권장하지 않는다. HTML5에서 코드를 작성하는 공식적이고도 유일한 방법은 자바스크립트이다.

HTML5에 와서는 스크립트의 중요성이 한층 더 높아졌다. HTML5에 새로 추가된 캔버스, 웹 스토리지, 웹 소켓 등의 신기술이 모두 자바스크립트를 요구한다. 스크립트가 없으면 코드를 작성할 수 없으므로 이런 신기술도 모두 무용지물이다. 스크립트 코드를 사용하면 캔버스에 직접 그릴 수 있고 백그라운드에서 작업을 수행할 수 있고 사용자와 실시간으로 상호 작용하는 게임도 만들 수 있다.