All About Computer

#20. 월드 와이드 웹 (WWW)

World Wide Web

인터넷이라는 기반 위에 구축된 **월드 와이드 웹(WWW, 웹)**의 개념과 작동 원리, 그리고 이를 구성하는 핵심 기술들에 대해 설명합니다.

  1. 인터넷과 웹의 차이:
    • 인터넷: 전 세계 컴퓨터를 연결하는 물리적/논리적 네트워크망 자체 (데이터 전송 배관).
    • 웹 (WWW): 인터넷 위에서 작동하는 정보 공유 서비스 중 하나. 인터넷은 단순히 데이터를 전달하는 수단이고, 웹은 그 위에서 정보를 보여주고 연결하는 방식입니다. (둘은 다르지만 흔히 혼용)
  2. 하이퍼텍스트 (Hypertext)와 하이퍼링크 (Hyperlink):
    • 웹의 핵심 아이디어는 하이퍼텍스트입니다.
    • 하이퍼링크: 문서 내 특정 단어나 이미지 등을 클릭하면 관련된 다른 문서로 쉽게 이동할 수 있는 연결 고리입니다.
    • 이를 통해 사용자는 정보를 찾아 헤맬 필요 없이 클릭만으로 연관된 정보로 계속 이동하며 거대한 정보망을 탐색할 수 있습니다.
  3. HTML (Hypertext Markup Language):
    • 하이퍼링크 기능이 있는 웹 문서를 만드는 데 사용되는 언어입니다.
    • 태그(Tag): 꺾쇠괄호(< >)를 사용하여 문서의 구조와 의미(제목, 목록, 이미지, 동영상, 버튼, 입력 상자, 하이퍼링크 등)를 정의합니다.
    • 하이퍼링크 생성: <a> 태그와 href 속성을 사용하여 다른 HTML 문서의 **고유 주소(URL)**를 지정합니다.
  4. URL (Uniform Resource Locator):
    • 인터넷에 있는 특정 웹 문서(HTML 파일 등)의 고유한 주소입니다.
    • IP 주소와 서버 내 파일 경로를 조합하여 전 세계에서 유일하게 해당 문서를 찾아갈 수 있게 합니다.
  5. 웹 서버 (Web Server):
    • HTML 문서와 관련 파일(이미지, 동영상 등)을 저장하고 있다가, 사용자의 요청이 오면 해당 정보를 인터넷을 통해 제공하는 컴퓨터(서버) 또는 그 위에서 실행되는 웹 서버 애플리케이션입니다.
  6. 웹사이트 (Website):
    • 단순히 HTML 문서만 있는 것이 아니라, 웹 페이지를 더 보기 좋게 꾸미고(CSS) 동적인 기능과 사용자 상호작용(Javascript)을 추가하여 만들어집니다.
      • CSS (Cascading Style Sheets): 웹 페이지의 디자인(색상, 글꼴, 레이아웃 등) 담당.
      • Javascript: 웹 페이지를 동적으로 만들고 사용자와 상호작용(클릭 이벤트 처리 등) 담당.
    • 이러한 HTML, CSS, Javascript 파일과 이미지, 동영상 등이 유기적으로 연결된 집합체가 바로 웹사이트입니다.
  7. MIME 타입 (MIME-Type):
    • 서버가 클라이언트에게 데이터를 전송할 때, 해당 데이터가 어떤 종류(HTML 문서, JPG 이미지, MP4 비디오 등)인지 알려주는 표준 식별자입니다.
    • 클라이언트는 MIME 타입을 보고 데이터를 올바르게 처리합니다.
  8. HTTP (HyperText Transfer Protocol):
    • 웹 서버와 클라이언트(웹 브라우저)가 하이퍼텍스트 문서(HTML 등)를 **주고받기 위한 통신 규약(약속)**입니다.
    • 요청 메시지: 클라이언트가 서버에 정보를 요청할 때 보냅니다 (예: 특정 웹 페이지 보여줘 – GET, 로그인 정보 제출할게 – POST).
    • 응답 메시지: 서버가 클라이언트의 요청을 처리한 결과를 보냅니다 (예: 요청 성공 – 상태 코드 200, 페이지 없음 – 상태 코드 404).
    • HTTP는 웹 통신의 기반이며 지속적으로 발전하고 있습니다.
  9. 웹 브라우저 (Web Browser):
    • 사용자를 대신하여 복잡한 HTTP 통신 과정을 처리하고, 웹 서버로부터 받은 HTML, CSS, Javascript 등을 해석하여 사용자가 볼 수 있는 웹 페이지 형태로 화면에 그려주는 프로그램입니다 (예: 크롬, 엣지, 사파리).
  10. 포털 사이트 (Web Portal):
    • 인터넷상의 방대한 웹사이트 정보를 미리 수집, 정리, 평가하여 사용자가 원하는 정보를 쉽게 검색하고 찾아갈 수 있도록 도와주는 웹사이트입니다 (예: 구글, 네이버, 다음). (인터넷의 관문 역할)

월드 와이드 웹(WWW)은 인터넷을 기반으로 하이퍼텍스트(HTML, 하이퍼링크, URL)를 통해 전 세계의 정보를 거미줄처럼 연결한 거대한 정보 시스템입니다. 웹 서버에 저장된 웹사이트(HTML, CSS, JS 등) 정보는 HTTP 통신 규약을 통해 웹 브라우저로 전달되어 사용자에게 보여지며, 포털 사이트는 이 방대한 정보 속에서 길을 찾는 데 도움을 줍니다.

Chapters:
0:00
Intro
00:34 하이퍼 텍스트, 하이퍼 링크 (HyperText, Hyperlinks) 01:30 하이퍼 텍스트 마크업 언어, HTML, 태그 (HyperText Markup Language, Tag)
03:07 웹서버 애플리케이션 (Web Server Application)
03:24 URL (Uniform Resource Locator)
04:06 월드 와이드 웹, WWW (World Wide Web)
05:01 CSS, 자바스크립트 (Javascript)
05:43 MIME-Type (Multipurpose Internet Mail Extensions)
06:19 웹사이트 (Website)
06:33 홈페이지 (Homepage)
06:58 포털사이트, 웹 포털 (Web Portal)
07:36 요청 메소드 (HTTP Request methods)
08:00 응답 상태 코드 (HTTP Response status codes)
08:26 HTTP (HyperText Transfer Protocol)
09:11 웹 브라우저 (Web browser)
15:48 마무리