✅ Internet?
- 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망
- 컴퓨터들이 서로 통신 가능한 거대한 네트워크
✅ 통신 기술의 발전 과정
전쟁으로 인한 IT 기술의 발전 → 강력한 통신 기술의 필요성 → 통신 기술과 컴퓨터 기술의 결합 → 전화기에서 컴퓨터로 통신 기술 발전
컴퓨터에서 사용하는 디지털 데이터를 전화선이 활용할 수 있는 아날로그 신호로 바꿈으로써 이미 광범위하게 설치되어 있는 전화선을 통해 컴퓨터 통신을 가능하게 했다.
디지털 데이터 → 아날로그 신호 → 디지털 데이터
✅ Web?
Collection of information which is accessed via the Internet.
인터넷 네트워크를 이용하여 통신되는 정보의 집합
인터넷이 등장하고 30년 뒤인 1990년에 팀 버너스리(Tim Berners-Lee)에 의해 최초의 웹 브라우저인 WWW(World Wide Web) 프로그램이 개발됐다.
✅ Web의 역사
1. 1세대 - 정적인 웹
- 서버가 HTML 페이지 전체를 클라이언트에게 전송
- 정적 웹페이지(HTML, CSS)
- 단순한 정보 제공을 위주로 하여 기능이 많지 않음
- 사용자 인터렉션(User Interaction)요구 없음, 로직 없음
→ User Interaction : 사람과 컴퓨터 간의 상호작용
2. 2세대 - 동적인 웹
- 자바스크립트(javascript) 출현
→ 하지만 일부분에만 사용됨 - 서버와 클라이언트가 HTML 페이지와 JavaScript 로직을 통해 필요한 데이터를 주고 받으며 사용자 인터렉션(User Interaction) 구현
- 아직 프론트/백 구분이 없는 동일한 서버
→ 프론트엔드/백엔드 구분이 없음 - 동일한 서버에서 모든 요소(HTML, CSS, Javascript, Data)가 클라이언트로 매번 전송
3. 3세대 - 서버의 분리(SPA) & 업무의 분리(프론트엔드와 백엔드 개발의 분리)
- SPA(Single Page Application) 방식, 즉 단일의 HTML 페이지로 전체 웹 서비스 구현
- 단일 HTML 페이지에 메인 Javascript 파일이 포함
- JavaScript 가 HTML 요소 생성부터 모든 페이지 및 기능을 동적으로 처리
- 웹 페이지 렌더링에 필요한 Javascript 코드는 최초의 통신에서 한번에 송수신
→ 2세대 까지는 매번 전송함 - 그 이후로는 서버와 실시간으로 데이터를 주고 받으며 필요한 화면을 동적으로 구성
- 자연스럽게 웹 브라우저가 필요한 서버와의 통신은 데이터 전송 및 연산 작업이 대부분이됨(BE)
4. Modern WEB - 현대 웹 시스템들의 구조 및 아키텍쳐
- 이전에 겪지 못한 두 가지 문제, 동시 접속자 수와 데이터의 양이 증가함 → system architecture 발전
- 프론트 서버와 백 서버의 물리적인 분리
- 기능적으로 서버를 분리하여 관리하지만, 사용자 입장에서는 하나의 서버처럼 사용 가능
backend developer 🐌