인터넷(Internet)과 웹(Web)의 출현 💻
인터넷(Internet)
인터넷은 처음 군사 목적으로 1960년대에 만들어졌다. 전쟁시에도 문제없이 통신할 수 있는 강력한 커뮤니케이션 도구의 필요성에 의하여 등장한 도구라고 할 수 있다. 물리적으로 떨어져있는 서버와 서버의 연결을 가능하게 해주는 강력한 통신도구로써의 도구이다.
웹(Web)
웹은 단순히 인터넷에서 이용할 수 있는 '서비스'라는 한 부분이다.
1990년대부터 팀 버너스리라는 사람에 의하여 대중화 될 수 있었다.
이러한 인터넷의 출현은 유통의 혁신을 가져왔다.
예전에는 소프트웨어를 구입하려면 어떠한 물리적인 매개가 필요하였으나 이제는 서버상으로 주고받을 수 있게 되었기 때문이다.
웹의 발전
1세대
웹 서비스 ➡️ 전통적인 정적인 웹 (HTML, CSS 로만 구성)
1세대때는 정적인 웹 서비스였다. 웹 서버에서 클라이언트(=웹 브라우저)에게 HTML 페이지 전체를 단방향으로만 전송했다. 초창기 웹 사이트는 단순한 정보를 제공하는 용도였기 때문에 특별한 기능이나 UI가 필요하지 않았다.
링크로 연결된 문서인 Hyper Text 와, Markup Language 를 이용한 지시, 그리고 HTML 으로 웹페이지의 내용을 브라우저에게 어떻게 렌더링을 해달라고 마크업을 하는것만 있고 로직(동적)은 없었다.
2세대
웹 서비스 ➡️ 동적인 웹, UI의 증가(자바스크립트 등장!)
2세대의 가장 큰 특징은 자바스크립트(JavaScript)의 등장이다. 웹 서비스들이 점점 발전함에 따라 단순한 정적 페이지에 동적 요소들의 요구가 늘어났다. 웹 서버에서 전체 HTML 페이지 뿐만이 아니라 자바스크립트를 통해 서버와 필요한 데이터만 주고 받음으로 동적인 UI을 구현하게 되었다.
그러나 아직까지는 서버가 1개로 프론트영역, 백엔드 영역 모두 동일한 서버로부터 웹 브라우저로 HTML/JavaScript/XML 양방향으로 전송되고 전송 받아졌다.
3세대
웹 서비스 ➡️ SPA, Frontend와 Backend의 분리
3세대때는 이제 Frontend와 Backend가 분리되기 시작했으며 SPA가 등장했다. Fronetend 와 Backend가 구조적으로 분리가 되면서, Frontend 서버와 Backend API 서버도 분리가 되며 그에 따라 Frontend 개발과 Backend 개발 업무가 분리가 되는 구조로 발전된다.
동적인 웹이 시작된 2세대에서 좀 더 발전해 이제는 오히려 주객이 전도되어 자바스크립트가 주가 되고 그 안에 일부로서 HTML, CSS 가 포함되었다.
SPA(Single Page Application)?
기존의 방식대로 서버가 페이지 구성에 필요한 모든 요소(HTML, JavaScript, Data)를 매번 전송하는 것이 아니라, 파일은 처음 한 번만 송수신. 그 뒤로는 실시간 데이터만 주고 받으된다.
Modern Web
웹 서비스 ➡️ 규모가 커지기 시작한 Web System 의 발전!
웹이 기능적, 서비스적으로 발전함에따라 이전에 겪지 못했던 두 가지 문제가 발생하기 시작하였다.
바로 동시접속자, 어마어마한 데이터의 양이 그것인데, 그래도 덕분에 System architecture 의 발전도 이끌어 낼 수 있었다.
Frontend 서버와 Backend 서버의 분리
- Backend
- Micro Service Architecture 등의 새로운 architecture 개념의 발전으로 API 서버들이 훨씬 더 세분화 되며 규모가 커짐
- 분석해야 하는 데이터의 양이 엄청나게 늘어나면서 소위 "Big Data" 분석 시스템이 많은 회사들의 backend 시스템을 도입
- Frontend
- Node.js 와 React 등의 JavaScript 엔진과 프레임워크/라이브러리의 발달로 웹에서 더 복잡한 기능 구현이 가능해졌다!
