[Web] 정적 웹페이지 vs. 동적 웹페이지

정적 웹페이지

서버에 저장되어 있는 HTML과 CSS를 그대로 가져와 보여주는 것

속도가 빠르고 서버에 부담이 없다.

페이지에서 변화가 필요하면 전체를 다시 가져와야되기 때문에 번거롭다.

예시) 회사 소개

 

동적 웹페이지

상황에 따라 서버에 저장되어 있는 HTML에 데이터를 추가, 가공하여 보여준다.

상황에 따라 특정 부분만 바꿀 수 있기 때문에 훨씬 dynamic하나 보안에 취약하다.

예시) 블로그

 

동적 웹페이지의 종류

CSR(Client-Side Rendering)

 - Javascript에 data를 포함해서 보낸 후 client 측에서 실행

 

SSR(Server-Side Rendering)

 - Server측에서 data를 전송하여 HTML에 끼워넣는 방법

 

복합적인 방법

 -  Client에서 Server로 data를 요청 후 그 data를 받아와 HTML을 완성하는 방법