정적 웹사이트와 동적 웹사이트의 개념
- Static websites: 클라이언트가 서버에 페이지를 요청(URL)하면, 서버에 미리 저장된 문서(HTML, 이미지 등)를 그대로 클라이언트에게 전달 하는 방식이다.
- Dynamic websites: 클라이언트가 서버에 페이지를 요청(URL)하면, 서버는 클라이언트의 요청(변수)을 처리하여 HTML 문서를 생성하고 이를 전달 하는 방식이다.
정적 웹사이트와 동적 웹사이트의 구성
정적 웹사이트는 웹페이지를 표현하는 HTML, CSS, JS 등으로 구성된다. 동적 웹사이트는 이러한 문서와 더불어, 클라이언트 요청 처리를 위한 서버측 스크립트(PHP 등)와 DB 등으로 구성된다.
정적 웹사이트와 동적 웹사이트 비교
두 방식의 동작을 비교하면 아래와 같다.
비교 | 정적 웹사이트 | 동적 웹사이트 |
---|---|---|
사용자에 전달되는 문서 | 미리 저장된 문서 | 사용자 요청에 맞게 생성된 문서 |
문서 내용 | 어느 사용자든 같은 내용 | 사용자 요청마다 다름 |
속도 | 문서로만 이루어져서 빠름 | 요청을 처리하므로 비교적 느림 |
글 작성 및 수정 | 텍스트 에디터로 직접 작성 | 브라우저 상에서 가능 |
제공 기능 | 미리 완성된 문서만 제공 | 통계 및 위젯 등의 다양한 기능 제공 |
예시 | Jekyll, Hugo 등 | 네이버 블로그, 티스토리 등 |