[WEB] 웹서비스 세대

2023. 2. 9. 18:52·Web Programming

웹서비스는 크게 3개의 세대로 분류가 가능합니다.

 

우선 웹서비스가 처음 시작된 1세대에서는 웹사이트의 형태를 나타내는 HTML(HyperText Markup Language)과 HTTP 프로토콜을 이용하여 이러한 내용을 전송하는 형태로 생각할 수 있습니다.

주로 정적인(Static) 사이트에서 저장된 파일을 받아 클라이언트가 전송받은 파일을 파싱(Parsing)하여 결과를 표시(Rendering)합니다.

 

- 정적(Static)

- HTML + CSS

- 동기방식, 상호작용이 적음

 

WEB 2.0에서는 기존 HTML/CSS를 사용한 페이지에 자바스크립트(JavaScript)의 기능을 더하게 되었습니다. 이로인해 서버와 데이터를 주고 받는 User Interaction이 가능해졌으며 이로인해 동적(Dynamic)인 웹 페이지를 구현할 수 있게 되었습니다. 이때 API와 같은 기술들이 개발되었으며 AJAX와 같은 비동기식 웹 애플리케이션 기법이 사용되었습니다. 

 

- 동적(Dynamic)

- 유저 인터랙션(User Interaction)

- 비동기방식(Asynchronous)

 

3세대 웹서비스의 주요 특징은 서버를 프론트엔드와 백엔드로 구분하는 것으로 프론트엔드는 주로 UI/UX를, 백엔드는 데이터를 담당합니다. 또 실시간 데이터를 주고 받을 수 있는 특징이 있습니다.

 

- 서버의 구조적 분리

- 양방향통신

- 실시간(Real-time)

 

 

'Web Programming' 카테고리의 다른 글

[HTML] HTML Attributes  (0) 2023.02.09
[HTML] HTML Element & Tag  (0) 2023.02.09
[HTML] HTML Introduction  (0) 2023.02.09
[CSS] CSS Box Model  (0) 2023.02.04
[CSS] 선택자(Selector)  (0) 2023.02.03
'Web Programming' 카테고리의 다른 글
  • [HTML] HTML Element & Tag
  • [HTML] HTML Introduction
  • [CSS] CSS Box Model
  • [CSS] 선택자(Selector)
임파카
임파카
[ML & Statistics] 모바일 버전에서 수식 오류가 있어 PC 환경에서 접속하는 것을 권장합니다.
  • 임파카
    무기의 스탯(Stat)
    임파카
  • 전체
    오늘
    어제
    • Study (149)
      • Data Science (44)
        • Modeling (18)
        • Manipulation (21)
        • Visualization (4)
      • Statistics (59)
        • Mathmetical Statistics (53)
        • Categorical DA (1)
      • Web Programming (17)
      • AI (26)
        • Machine Learning (16)
        • Deep Learning (10)
      • 활동 및 프로젝트 (3)
  • 인기 글

  • hELLO· Designed By정상우.v4.10.5
임파카
[WEB] 웹서비스 세대
상단으로

티스토리툴바