1. WWW

A very short history of WWW

Before WWW

• Pre-Internet Era
  • Proprietary client-server over Intranet (e.g., Ethernet) and Modem
• Pre-WWW Era
  • Email, FTP, Bulletin Board Systems (Hitel,나우누리, 천리안)
  • RPC based client-server architecture
• Post-WWW
  • Grid Computing
  • Cloud Computing
  • Big Data
  • AI-Deep Learning (Generative AI)

The history (of WWW)

• 제안서의 제목은?

• WWW

  • 현재 WWW은 Globally 가장 보편적인 정보교환 수단임
  • Over the INTERNET. <- 통신기술의 발달(발전)이 없었다면 WWW도 없었을 가능성이 매우 높음

• The beginning

  • 1989 CERN (스위스의 핵 연구소)의 연구원으로 있던 Tim Berners-Lee 가 WWW을 제안함
  • 과학자/연구자들 간의 연구자료 교환을 위해
  • WorldWideWeb 브라우저(NEXUS), HTTP, HTML, URL

  WWW

  

  WWW 탄생 이후

• MOSAIC by NCSA at UIUC by Marc Andreessen (funded by Al Gore) (1993)

  • Marc found the Netscape later in 1994

• 1st World Wide Web Consortium(W3C) conference at MIT(1994)

  • Decided that their standards must be based on royalty-free tech.

• Dot-Com bubble (~2001)

• Semantic Web (by Tim Berners-Lee)

  • As a platform of Services and Application
  • Architecture of Participation
  • Ajax, Adobe Flash Flex (Rich Internet Application)

• Web 2.0

• HTML5

웹의 핵심 요소

HyperText Markup Language (HTML)

• Hyper Text Markup Language
• Presentation (실제로는 구조)
  • 웹 페이지의 내용이 되는 text와 image의 구조를 정의함
  • laid out & format for presentation
• Link to the Web page (HTML이 Pervasive한 정보표현 수단이 된 주요 이유)
  • The browser displays <A HREF> … </A> underlined so that the user knows this is the link.
  • The browser retrieves the resource identified by the corresponding URL and presents it to the user

Uniform Resource Locator (URL)

• 웹 상의 자원들을(Text, Image, Multimedia) locate 할 수 있도록 함 (주소체계와 유사)

• Scheme: scheme-specific-locator

  • ftp://ftp.downloadit.com/software/aProg.exe
  • joe@anyISP.com

  HyperText Transfer Protocol (HTTP)

• 웹 클라이언트(예: 웹 브라우저)가 서버와 소통하는 방법을 정의한 프로토콜

  • Application layer (7th layer)

• Main Features

  • Request-Reply interaction
  • Content types (text/HTML, image/GIF, application/ZIP)
  • One resource per request (but browser typically makes several request
    concurrently)

  Actors and Roles

  HTML, CSS, Javascript의 역할 나열하기

CSS (Cascading Style Sheet)

• Web Page가 보이는 모습 (Style)을 지정
  • 글자 크기, font, 배경색, 문단 여백, 외곽선의 굵기 및 형태
  • Link를 포함하는 글자의 Style

JavaScript

• Web Page의 동적 변경 및 응용 프로그램 작성
  • 사용자 Mouse Click, Keyboard Typing
  • Application Programs

Web Server SW & Web Application SW

• 웹 서버 SW
  • 웹 애플리케이션을 Hosting하고, browser로 부터의 요청을 처리하여 결과를 전달. 또한, 웹 애플리케이션에 대해 runtime platform을 제공
  • Apache HTTP Server
  • NGINX
• 웹 서버 응용 프로그램
  • 서버에서 실행되는 프로그램
  • 프로그래밍 언어
    • Java, C#, Ruby, Python, JavaScript, Go
  • Naïve Web Framework
    • .NET, JSP, PHP
  • MVC Framework
    • Spring MVC, Ruby on Rails
  • Asynchronous (JavaScript based) Framework
    • NodeJS