우리가 매일같이 드나드는 웹 페이지에는 사실 두 가지 종류가 있다는 점 알고 계셨나요? 물론 사용자는 서버 등으로부터 HTML 문서만 받아와서 페이지에 렌더링 하기 때문에 두 종류를 몰라도 되지만, 웹 개발자가 되기 위해서는 두 종류가 있다는 것을 알아두어야합니다.
웹 페이지에는 정적 웹 페이지와 동적 웹 페이지 두 종류가 있습니다.
정적 웹 페이지
정적 웹 페이지는 서버에 저장되어 있는 파일(HTML, CSS, JS, 리소스 등)이 그대로 클라이언트에게 전달되어 보여지는 페이지입니다. 따라서 페이지의 모습이 항상 고정되어 있습니다.
정적 웹 페이지는 주로 정보가 자주 변경되지 않는 페이지에 사용됩니다. 예를들면 어떤 회사의 소개란과 같은 About같은 페이지는 동적일 필요가 없으므로 정적으로 페이지를 만들게 됩니다.
장점
정적 웹 페이지의 장점은 다음과 같습니다.
- 사용자 요청에 대해 고정된 페이지만을 보여주므로 항상 같은 파일만 전송한다. 따라서 서버는 추가적인 작업 없이 요청에 대해 빠르게 응답할 수 있다.
- 고정된 페이지로 인해 서버에서 추가적인 작업이 없기 때문에 페이지를 만드는 비용(금전, 시간 등)이 적게 든다.
단점
정적 웹 페이지의 단점은 다음과 같습니다.
- 고정된 페이지이므로, 변화 없이 서버에 저장된 정보만 보여준다.
- 페이지의 정보를 추가/수정/삭제하기 위해서는 코드를 수정하거나 새로운 코드를 작성해야한다.
동적 웹 페이지
동적 웹 페이지는 서버의 파일들을 사용자 정보나 환경 등에 맞춰서 스크립트로 가공한 후 클라이언트에게 보여주는 페이지입니다. 사용자의 요청에 담긴 정보를 읽어낸 후 그에 맞춰 가공하고 페이지를 보여주기 때문에 요청 상황에 따라서 페이지의 모습이 변하게 됩니다.
현재 대부분의 웹 사이트는 동적 웹 페이지를 채택해서 이용하고 있습니다. 지금 보고계신 Velog도 사용자의 요청에 따라 다른 화면을 보여주는 동적 웹 페이지이기도 합니다.
장점
동적 웹 페이지의 장점은 다음과 같습니다.
- 사용자 요청의 정보에 따라 페이지를 동적으로 구성해서 보여줄 수 있다.
- 서버에서 스크립트로 파일을 가공하기 때문에 추가/수정/삭제가 비교적 쉽다.
단점
동적 웹 페이지의 단점은 다음과 같습니다.
- 정적 웹 페이지와 비교하면 서버에서 가공과정을 거치므로 상대적으로 느리다.
- 서버에서 파일들을 가공하기 위한 Web Application Server를 필요로 한다. 이는 웹 개발에서 추가적인 비용의 소요를 의미합니다.
