Web

설탕·2021년 12월 28일
0

Internet & Web

  • Internet: 컴퓨터들이 서로 통신 가능한 거대한 네트워크
  • Web: 인터넷 네트워크를 이용하여 통신되는 정보의 집합
  • 인터넷이라는 네트워크 기능 안에 웹이라는 서비스가 존재
  • 1990년, Tim Berners-Lee가 개발한 세계 최초의 웹 브라우저: WWW(World Wide Web) http://info.cern.ch
  • 인터넷과 웹으로 인해 정보의 유통이 혁신적으로 발전하며 웹 기반의 서비스가 시작되었다.

Client/Server & Request/Response

  • Client: Web Browser. 해당 서비스를 사용하는 사람, 혹은 컴퓨터
  • Server: 서비스를 제공하는 컴퓨터
  • Request: Client → Server. 리소스(코드) 요청
  • Response (HTML): Server → Client. 리소스(코드) 응답

WEB의 역사와 발전

1세대 Web

  • 정적인 웹: 단순한 정보 제공 위주
  • User Interaction 요구 없음
  • 로직(동적) 없음
  • HTML, CSS
  • 서버가 HTML 페이지 전체를 클라이언트에게 전송

2세대 Web

  • 동적인 웹
  • JavaScript의 출현
  • 서버와 클라이언트가 HTML 페이지와 JavaScript 로직을 통해 필요한 데이터를 주고받으며 User Interaction 구현
  • 동일한 서버에서 모든 HTML, CSS, JavaScript, Data가 클라이언트로 전송되는 형태
  • 프론트엔드 / 백엔드 구분 없음

3세대 Web

SPA(Single Page Application) 방식 등장

  • 단일 HTML 페이지로 전체 웹 서비스 구현
  • 단일 HTML 페이지에 메인 JavaScript 파일이 포함
  • JavaScript가 HTML 요소 생성부터 모든 페이지 생성 기능을 동적으로 처리
  • 웹 페이지 렌더링에 필요한 JavaScript 코드는 최초의 통신에서 한번에 송수신
  • 그 이후로는 서버와 실시간으로 데이터를 주고 받으며 필요한 화면을 동적으로 구성

프론트엔드와 백엔드 개발의 분리

  • SPA의 등장 (FE)
  • 웹 브라우저가 필요한 서버와의 통신은 데이터 전송 및 연산 작업이 대부분이 됨 (BE)
  • 서버의 분리 & 업무의 분리

BE Server: API & Database

  • Database: 데이터 중심의 데이터 구조
  • API: 사용자 중심의 데이터 구조
  • API Gateway: 데이터 요청 분산 처리
profile
공부 기록

0개의 댓글