웹 서비스의 역사와 발전
1세대, 2세대, 3세대 웹 서비스의 특징
1세대 웹
1세대 웹 서비스의 특징 : 전통적인 웹 서비스 아키텍처
정적
- 웹 서버가 HTML 페이지 전체를 클라이언트(ex. Web browser)에 전송
- 단순한 정보 제공 위주
- User Interaction이 많이 요구되지 않음
- 초창기 웹사이트/서비스에 적합했던 시스템
1세대 웹이 정적인 이유는 HTML, CSS 자체가 정적이기 때문에!!
- Hyper Text
- Markup Language
- HTML
2세대 웹
2세대 웹 서비스의 특징 : User Interaction
동적
- 웹서비스들이 점점 발전함에 따라 다이나믹한 요소들이 요구됨
- 자바스크립트의 출현
- Web server에서 전체 HTML 페이지 뿐만 아니라 JavaScript를 통해 서버와 필요한 데이터만 주고 받음
- 다이나믹한 User Interaction을 구현
- 동일한 서버에서 HTML, JavaScript 데이터 둘다 전송
3세대 웹
3세대 웹 서비스의 특징 : SPA(Single Page Application)
프론트엔드와 백엔드의 구분
- 동적인 기능이 주 ➡️ 자바스크립트가 주, 일부 HTML, CSS 포함
- SPA(Single Page Application) - 하나의 파일로 전체 사이트를 구현
- 서버가 페이지 구성에 필요한 모든 요소를 매번 전송하는 것이 아니라, 파일은 처음에 한 번만 송수신. 그 뒤로는 실시간 데이터만 주고 받음
- Frontend, Backend 분리 ➡️ Frontend 서버와 Backend API 서버 분리