정적 웹페이지와 동적 웹페이지

웹서버와 WAS의 차이 글에서도 언급했었지만, 웹의 발전 과정을 살펴보면 초기에는 정적인 웹사이트만 존재했으나, 동적인 웹페이지에 대한 수요가 증가하면서 동적인 웹페이지가 대세로 자리 잡게 되었다.

정적인 웹페이지는 HTML, CSS, 이미지 등 정적인 데이터만으로 구성된다. HTML 문서와 CSS는 각각 웹사이트의 내용과 구조를 기술한 문서와 스타일 시트 문서이므로, 문서를 재작성하지 않는 이상 데이터의 내용이 변하지 않는다. 이미지는 데이터이기 때문에 변하지 않는다.

하지만, 특정 이벤트에 따라 사이트의 화면이 달라진다거나 서버가 DB에 접속하여 자료를 가져오는 등의 작업은 프로그래밍을 수반하는 작업이며, 그렇기 때문에 HTML과 CSS 만으로는 동적인 웹페이지를 구현할 수 없다. 클라이언트 측의 변화를 인식하거나 감지해야 하는 경우 클라이언트 측 스크립트 언어인 자바스크립트를, 서버가 DB 접근이나 반복 연산 등 프로그래밍 작업이 필요한 경우 자바 서블릿이나 JSP 등을 사용한다.

자바스크립트는 HTML 전송 시 함께 사용자의 컴퓨터로 전송되어 사용자가 HTML 문서를 볼 때 실행된다. 예를 들어 어떤 버튼을 눌렀을 때 다른 이미지로 넘어간다든지 특정 지점으로 스크롤하면 화면이 변경되는 것과 같이 페이지 이동을 수반하지 않는 동작이나 연산이 필요할 때 자바스크립트를 사용한다.

JSP, PHP, ASP나 자바 서블릿 같은 경우 서버 측에서 일어나는 동작이나 연산에 사용한다. 사용자가 HTTP 요청을 서버로 보내왔을 때 서버와 연결된 DBMS에서 사용자가 요청한 데이터를 찾아서 다시 사용자에게 보내는 작업 등에 사용한다.