Web System Architecture History
1세대 web service
- 정적인 웹(html & css으로 웹 구현)
- 웹 서버가 html 페이지 전체를 브라우저에 전송
2세대 web service
- 자바스크립트를 통해 다이나믹한 user interaction 구현
- 아직까지는 동일한 서버에서 html/javascript/data 전송
3세대 web service
-
SPA(Single Page Application)
A single-page application (SPA) is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of the default method of the browser loading entire new pages. The goal is faster transitions that make the website feel more like a native app.
[출처_wekipedia]Router까지 배우고 나니 모호했던 SPA의 개념이 좀더 자리가 잡히는 것 같다. React에서는 html 파일이 1개 존재하며(SPA), Routing을 통해 한 개의 웹페이지에서 다른 경로에 따라 다른 뷰를 보여줄 수 있다.
[출처_velopert] -
서버가 페이지 구성에 필요한 모든 요소(html/js/data)를 처음 한번만 송수신하고 이후에는 실시간 데이터만 주고 받음
-
frontend/backend 개발이 독립적으로 분리되는 기점
(frontend 서버와 backend API 서버가 분리)
