[WEB] 🤔 현대의 웹이란 ?

⚡️ 웹 시스템들의 발전 역사

Tim Berners-Lee가 WWW(World-Wide-Web) 발명하고 2000년대 dotcom Boom 때 웹 시스템들과 웹 관련 기술들이 빠른 발전을 하였다.

⚡️ 초기의 웹 - 1세대 웹

단순하지만 정적인 페이지만 보여줄 수 밖에 없는 구조.

🕹 단순히 TEXT(문서)를 웹 브라우저를 통해 보는 수준

🕹 브라우저에서 요청이 들어오면 웹서버는 해당 HTML 문서를 보내주는 기능

⚡️ 2세대 웹

웹서비스들이 복잡해지기 시작하면서 사용자와 동적인 상호작용의 필요성이 중요해지기 시작했다. 단순하고 정적인 웹인 가진 한계를 벗어나기위해 자바스크립트의 역할이 중요해졌다. 자바스크립트 프로그래밍 언어를 통해 웹은 이제 동적인 기능을 제공하기 시작한다.

🕹 서버에 요청이 들어오면 HTML문서를 JavaScript 코드와 함께 전달하여 클라이언트에게 동적인 웹 기능을 제공한다.

🕹 JavaScript를 통해서 사용자와 동적인 상호작용을 구현하는 기술 AJAX

🕹 동일한 서버에서 HTML, JavaScript, data 전부 클라이언트에게 전송되는 기간

⚡️ 3세대 웹

🕹 SPA(Single Page Application) 단일 페이지 기능. 과거에는 HTML 문서가 주가 되어서 자바스크립트를 사용하였지만 이제는 자바스크립트를 기준으로 HTML 문서의 생성부터 모든 부분을 구현하기 시작한다. 즉, 과거에는 HTML에 의존하여 부분적으로 동적인 기능을 제공했다면 이제는 전체적인 동적 기능을 제공한다고 생각하면 쉽다.

🕹 Rendering(랜더링)이 필요한 부분을 최초의 통신에서 다 받아오고 추후에는 필요한 데이터만을 서버에서 받아온다. 이제는 중복되는 파일들을 받아 올 필요가 없어진 것이다.

⚡️ Backend vs Frontend Server

자연스럽게 랜더링이 필요한 부분들은 프론트엔드서버에서 제공하고 데이터는 백엔드서버에 제공하기 시작한다.

서버의 기능이 명확히 구분되면서 프론트앤드, 백엔드 개발자의 역할 또한 명확히 구분되었다.

🕹 프론트엔드

시스템 UI(User Interface)와 UX(User Experience) 구현
사용언어: HTML, CSS, JavaScript, ReactJS, AngularJS, Webpack, npm ...

🕹 백엔드

프론트엔드 시스템과 빠른 속도로 데이터를 실시간으로 주고받을 수 있는 기능과 시스템을 구현
사용언어: 안정적, 확장성, 높은 실행 속도를 가진 언어(Java, Scala, Rust, Python)