[Web]정적 웹과 동적 웹(static web, dynamic web)

[Web]정적 웹과 동적 웹(static web, dynamic web)

 

정적웹, 동적웹 각각의 개념과 두 가지 방식의 차이를 알아볼 것이다.

 

정적 웹

: 언제 접속해도 같은 리소스를 건네주는 웹사이트.

서버는 프로그래머가 작성해놓은 파일들을 브라우저에 전달해준다.

자바스크립트를 활용해서 현재 시간 등을 받아와서 실시간의 것을 구현을 해주는 것도 있다.

그렇지만, 정적 웹의 기준은 접속할 때마다 받게 되는 문서들이 항상 같은지를 판단해보면 된다.

회사 홈페이지의 소개글이 정적 웹 중에 하나이다.

 

 

동적 웹

MVC 모델인 정적 웹의 한계를 극복하기 위해 만들어졌다.

즉각적인 반응이 가능하다(아이폰 imessage를 전송할 때 화면 깜빡임이 없이 모션이 나타나면서 바로 보내지는 것 처럼)

정적 웹은 사용자의 요청이 들어오면

“요청 인식 - 서버 - 데이터베이스 - 서버 - 변화 출력”

의 과정을 가지고 있다. 자바스크립트가 데이터 랜더링을 사용자의 브라우저를 활용해 해내기 때문에 서버가 문서를 구현하지 않아도 된다.

 

 “좋아요를 누름 -- A 사용자가 B 게시물에 좋아요를 누름 -- B 게시물의 좋아요 + 1 --- B 게시물의 좋아요 +1 된 페이지를 가공 --- 사용자에게 전달, 화면에 출력” 

이런 과정을 거치게 되는 것이다.

 

동적 웹의 경우, 사용자 화면 안에서 그 결과를 먼저 보여주고 갱신될 필요가 있는 데이터가 있을 때 그것을 가져간다.

react. vue, angular 프론트엔드 프레임워크를 활용하여 만든다. php 로 만들기도 한다.

 

배포를 할 때는 vue의 특수형식으로 만들어져서 바로 브라우저에서 돌아가지는 않는다. 배포할 결과물로 빌드하면 자바스크립트 파일이 만들어지는데, 그 파일을 서버에 올려서 서비스를 하게 되는 것이다.