학습 목표

  1. 인터넷과 웹을 정의할 수 있다.
  2. 1세대, 2세대, 3세대 웹의 발전과 각각의 특징에 대해 설명할 수 있다.
  3. SPA 가 동작하는 방식과 프론트엔드와 백엔드가 분리된 배경에 대해 설명할 수 있다.
  4. 모던 웹 아키텍처의 구성을 이해하고 관련된 개발 직군에 대해 설명할 수 있다.

 

01. 웹서비스의 역사와 발전

 

'인터넷' 이란? 

인터넷의 정의

  • 인터넷(Internet)이란 여러 통신망을 하나로 연결한다 는 Inter + Network을 의미함
  • 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망

초기 인터넷의 근간: ARPAnet의 탄생

  • 냉전시대, 핵무기에도 견고한 네트워크의 중요성
  • 분배 네트워크, 패킷 스위칭, 라우팅 개념의 탄생
  • 1983년 1월 1일, 현재와 같은 TCP/IP 패킷 송출 방법 으로 전환

 

'웹' 이란? 

  • Web: "Collection of information which is accessed via the Internet."
  • 월드 와이드 웹(World Wide Web): 인터넷 네트워크에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간
  • 상호간의 신속한 정보 교환과 문서 유실 방지를 위한 목적으로 프로그램 고안
  • Hypertext, HTML, HTTP의 발전!

인터넷과 웹이 발전하면서 정보 유통의 혁신이 일어났고, sw 창업 붐이 일어났다.

-> 1세대 웹 서비스의 시작!

 

 


02. 웹 아키텍처의 역사

 

1세대 웹 - 정적인 웹

 

서버에서 클라이언트에게 html 파일을 전달하는 구조.

정적으로 간단한 정보만을 확인할 수 있는 웹의 모습이었음.

 

2세대 웹 - 동적인 웹

서버와 웹 브라우저가 서로 웹페이지 정보를 주고받음. 

자바스크립트로 만들어진 웹은 사용자로 하여금 동적인 상호작용을 가능하게 함.

 

 

3세대 웹

프론트엔드 서버와 백엔드 서버가 분리됨.

 

 

모던 웹 아키텍처

  • 웹 서비스의 복잡성 증가
    - User Interaction의 중요성 증가
    - 동시 접속자 수 증가
    - 데이터의 양 증가 
  • System Architecture의 발전
    - MSA (Micro Service Architecture)의 등장
    - FE / BE 서버 분리
    - 서비스별 Backend API 서버의 세분화
    - API Gateway를 통해서 단일화된 주소를 통해 MSA 구조의 시스템 운영

 


요약

[인터넷 vs 웹]

  • 인터넷(Internet): 전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망
  • 웹(Web): 인터넷 네트워크를 이용하여 통신되는 정보의 집합

[웹 1세대 vs 2세대 vs 3세대]

  • 1세대: 웹 서버가 HTML 페이지 전체와 CSS를 클라이언트에 전송하는 구조
  • 2세대: 동일한 서버에서 HTML, CSS, Javascript, 그리고 Data 전부가 클라이언트로 전송하는 구조
  • 3세대:
    • SPA(Single Page Application)의 등장
    • 단일 HTML 페이지와 메인 Javascript 파일로 HTML 요소 생성부터 모든 페이지 및 기능을 동적으로 처리할 수 있게됨

[현대 웹 시스템 아키텍처]

  • 동시 접속자 수와 데이터 양의 증가로 Micro Service Architecture 구조를 가짐
  • PM, Designer, Scrum Master, Tester, Frontend/Backend/Full Stack Developer, DevOps 등의 세분화된 직군이 필요해짐

 

 

 

 

 

 

 

TIL 끝!