Static Web Page

1. Static Site란?

• 서버에서 사전에 렌더링 된 정적 리소스로 만들어진 사이트.
• 과거에는 서버에서 잘 만들어진 HTML를 클라이언트에게 전송하였음.
• 초창기 웹 사이트는 단순한 정보만을 제공하고, 많은 Interaction을 요구하지 않았기 때문.
• 이때는 거의 HTML과 CSS로만 모든 페이지를 구축하였음. JS는 나중에 나옴.

장점

• 첫 요청에 대한 파일만 전송하면 되기에 빠르다.
• 단순한 HTML 문서만으로 웹을 구축하기에 서버의 트래픽이 상대적으로 적다.

단점

• 저장된 정적 페이지만을 보여주기에 단순한 서비스만 제공이 가능하다.
• 페이지 내에서 다른 링크를 클릭할 경우, HTML을 다시 받아 로딩하므로 "깜빡임"현상이 발생
• 작은 변화임에도 페이지 하나를 다시 렌더링 후 제공해야하므로, 재사용성이 떨어진다.

Dynamic Web Page

1. Dynamic Web Page 란?

• 기술이 발전하면서 보다 폭 넓은 서비스를 제공하기 위해 동적인 처리가 필요해졌다.
• 초기 렌더링 이후 서버로부터 필요한 데이터를 추가적으로 요청하여, 페이지 일부를 변경하는 기술이 등장.
• 웹 페이지에서 필요한 정보가 있을 경우, 이를 동적으로 서버에서부터 받아 일부를 변경시키는 페이지.

2. AJAX (Asynchronous JavaScript and XML)

• AJAX가 등장하면서, 서버와 브라우저가 비동기적으로 통신하기 용이해짐.
• 이때 브라우저와 서버 간에는 JSON, XML, HTML 등과 같은 데이터를 비동기로 주고 받을 수 있음.
• 이제는 새로고침을 하지 않고 하나의 페이지에서 동적으로 필요한 부분만 변경이 가능해지게 됨. (SPA)