🛰️Let's Share What We Know📡

"월드 와이드 웹(W3)은 막대한 양의 문서에 범세계적으로 접근할 수 있는 시스템을 만드는 것을 목표로 하는 광역 하이퍼미디어 정보 검색 계획이다."

World Wide Web

월드 와이드 웹

• 인터넷에서 가장 눈에 띄는 부분, 지금은 웹이라 통칭.

• 인터넷 vs 웹

  인터넷과 웹을 하나로 보는 경향도 있지만, 둘은 상이.
  _인터넷: 전 세계의 수많은 컴퓨터가 서로 쉽게 정보를 교환할 수 있도록 하는 통신 인프라 또는 하위 계층.
  _웹: 정보를 제공하는 컴퓨터(서버)와 정보를 요청하는 컴퓨터(클라이언트)를 연결.

웹은 인터넷을 '사용하여' 연결을 맺고 정보를 전달하며 다른 인터넷 기반 서비스에 접근하기 위한 인터페이스를 제공.
웹은 본질적으로 간단, 어디에나 있고 효율적이며 개방적.

• 기본적으로 무료인 하부 네트워크가 존재한다는(매우 중요한 조건) 전제하 웹의 중요한 네 가지

1. URL(Union Resource Locator, 균일 자원 지시자)
   예) http://www.amazon.com처럼 정보의 출처에 대한 이름을 지정.
2. HTTP(Hypertext Transfer Protocol, 하이퍼텍스트 전송 프로토콜)
   예) HTTP 클라이언트가 특정 URL에 대한 요청을 보내면 서버는 정보를 반환.
3. HTML(Hypertext Markup Language, 하이퍼텍스트 마크업 언어)
   : 서버가 반환하는 정보 서식이나 표시 방식을 설명하기 위한 언어.
4. 브라우저browser
   : 컴퓨터에서 실행되는 크롬, 파이어폭스, 사파리, 엣지 같은 프로그램으로, URL과 HTTP를 사용하여 서버에 요청을 보내고 서버에서 보낸 HTML을 가져와서 표시.

웹 탄생 : 1989년.
웹 시작 : 제네바 근처에 있는 CERN(Consell Européene pour la Recherche Nucléaire, 유럽 입자 물리 연구소)에서 근무하던 영국인 컴퓨터과학자인 팀 버너스리Tim Berners-Lee가 인터넷을 통해 과학 문헌과 연구 결과를 더 쉽게 이용할 수 있는 시스템을 만들면서 시작.
👉 그의 설계에는 URL, HTTP, HTML이 포함되어 있었고, 자료를 보기 위한 텍스트 전용 클라이언트 프로그램이 있었다. CERN 웹사이트에서 그 버전의 시뮬레이션 확인 가능 👉.

월드 와이드 웹은 무료다

웹의 기술적 진화는 비영리 조직인 월드 와이드 웹 컨소시엄World Wide Web Consortium, 즉 W3C(w3.org)가 관리하거나 방향을 제시한다. W3C의 설립자이자 현재 책임자인 버너스리는 그의 업적이 불러온 인터넷과 웹의 유행에 많은 사람이 편승하여 매우 부유해졌음에도, 자신의 발명으로 이익을 얻으려고 하지 않았다. 관대하게도 그는 모든 사람이 인터넷을 무료로 이용할 수 있길 원했다. 버너스리는 2004년에 영국 엘리자베스 2세 여왕에게 기사 작위를 받았다.

URL

URL의 의미

URL(Uniform Resource Locator 또는 통칭 web address, 문화어: 파일식별자, 유일자원지시기)
네트워크 상에서 자원이 어디 있는지를 알려주기 위한 규약.
즉, 컴퓨터 네트워크와 검색 메커니즘에서의 위치를 지정하는, 웹 리소스에 대한 참조.

HTTP

하이퍼텍스트 전송 프로토콜(HyperText Transfer Protocol)

• W3 상에서 정보를 주고받을 수 있는 프로토콜로 HTML과 같은 하이퍼미디어 문서를 전송하기위한 애플리케이션 레이어 프로토콜.
• 주로 HTML 문서를 주고받는 데에 쓰이고 주로 TCP를 사용, HTTP/3부터는 UDP를 사용하며, 80번 포트 사용.
• 웹 브라우저와 웹 서버간의 커뮤니케이션을위해 디자인되었지만, 다른 목적으로도 사용 가능.
• 1996년 버전 1.0, 그리고 1999년 1.1이 각각 발표.

URL과 HTTP

• 웹페이지의 일부 텍스트가 파란색이고 밑줄이 그어져 있다 &
  해당 텍스트를 클릭하면 현재 페이지가 파란색 텍스트에서 연결되는 새 페이지로 바뀐다.

👉 이처럼 페이지를 연결하는 것을 하이퍼텍스트hypertext(텍스트를 초월한)라고 한다. 이는 기존에도 있던 개념이지만, 브라우저 덕분에 모든 사람들이 하이퍼텍스트를 경험할 수 있게 됐다.

• 링크에 'W3C 홈페이지'라고 쓰여 있다고 가정했을때, 마우스를 링크 위에 올리면 브라우저 창 하단의 상태 표시줄에 링크가 가리키는 URL이 https://w3.org 같은 식으로 표시된다. 어쩌면 도메인 네임 뒤에 추가 정보가 있을 수도 있다.

👉 링크를 클릭하면 브라우저가 도메인 w3.org의 80번 포트로 TCP/IP 연결을 열고, URL의 나머지 부분에서 제공하는 정보에 대해 HTTP 요청을 보낸다. 가령 링크가 https://w3.org/index.html이라면 index.html 파일에 대한 요청을 보낸다.
w3.org의 서버가 이 요청을 받으면 수행할 작업을 결정한다. 요청이 서버에 이미 있는 파일에 대한 것이면 서버는 해당 파일을 보내 주고, 클라이언트인 브라우저는 이를 표시한다. 서버에서 반환되는 텍스트는 거의 항상 HTML 형식이다. HTML은 실제 내용과 더불어 서식을 지정하거나 내용을 표시하는 방법에 대한 정보도 포함한다.

URL 자체는 정보를 인코딩한다. 첫 번째 부분인 http는 사용할 특정 프로토콜을 알려 주는 몇 가지 선택지 중 하나다. HTTP가 가장 흔히 사용되지만 다른 종류도 볼 수 있는데, 웹에서 온 것이 아닌 로컬 컴퓨터에 있는 정보를 나타내는 file, 그리고 HTTP의 안전한 (암호화된) 버전을 나타내는 https가 있다.

URL에서 :// 다음에는 서버의 이름을 지정하는 도메인 네임이 나온다. 도메인 네임 뒤에는 슬래시(/)와 문자열이 올 수 있다. 이 문자열은 서버에 그대로 전달되며, 서버는 문자열을 원하는 대로 처리한다. 가장 단순한 경우는 아무것도, 슬래시조차도 없는 경우인데, 이 경우 서버는 index.html 같은 기본 페이지를 반환한다. 일반적으로 파일 이름 맨 앞부분 다음에 오는 물음표는 서버가 물음표 앞부분에 해당하는 이름의 프로그램을 실행하고 나머지 텍스트를 해당 프로그램에 전달해야 함을 뜻한다. 이는 웹페이지의 폼* 에 입력된 정보가 처리되는 방법 중 하나다.
예)
검색 엔진 빙의 검색용 URL은 다음과 같은데, 브라우저 주소 표시줄에 직접 입력하여 확인할 수 있다. https://www.bing.com/search?q=funny+cat+pictures

* 폼(form)은 서버로 보내서 처리할 데이터를 사용자가 입력하게 하는 HTML 구성 요소다.

reference) 도메인 네임 뒤에 오는 텍스트는 한정된 문자 집합으로 작성된다. 공백을 비롯해 영문자와 숫자를 제외한 대부분의 문자가 허용되지 않으므로, 이러한 문자들은 인코딩되어야 한다. 플러스 기호 +는 공백을 인코딩하며, 다른 문자들은 퍼센트 기호 %와 두 개의 십육진 숫자로 인코딩된다.
예) URL 조각 5%2710%22%2D6%273%22
십육진수 27은 작은따옴표 문자, 십육진수 22는 큰따옴표 문자, 십육진수 2D는 마이너스 기호이므로 5'10"-6'3"을 의미.

---

참고 문헌

📖 1일 1로그 100일 완성 IT 지식
💻 최초의 웹페이지(info.cern.ch/hypertext/WWW/TheProject.html), 1990.
💻 👉 CERN 웹사이트, 그 버전의 시뮬레이션 (line-mode.cern.ch/www/hypertext/WWW/TheProject.html)
💻 URL_ko.wikipedia.org 💻 HTTP_ko.wikipedia.org