CodeGym /행동 /Frontend SELF KO /인터넷 재발명

인터넷 재발명

Frontend SELF KO
레벨 2 , 레슨 1
사용 가능

1. Web의 등장 역사

요즘 대부분의 사람들은 인터넷에서 시간을 보내. 기사 읽고, 브라우저를 사용하고, 링크를 클릭하곤 하지. 하지만 "인터넷은 언제, 누가 발명했을까?"라는 질문을 하는 사람은 드물어. 우리야 이미 답을 알고 있겠지만, 사실 그렇게 간단한 이야기는 아니야.

인터넷이라고 부르는 게 무엇인지에 따라 다르거든. 대개 일반 사람들은 한 가지를 말하는 반면, 기술 전문가는 완전히 다른 걸 생각하지. 세계 주요 데이터 센터를 연결한 네트워크는 이미 70년대에 만들어졌어. 그러나 일반 사용자가 접근할 수 있는 인터넷(브라우저, 링크, 여러 페이지 등)은 1990년대 초에 한 사람이 발명한 걸 말하지. 이야기는 이렇게 시작돼...

1990년대 초에 영국인 팀 버너스-리가 인터넷을 재발명했어 🌐. 하지만 그가 발명했다고 하는 건 사실 Web, 그러니까 World Wide Web (www), 즉 월드 와이드 웹이라고 부르는 게 더 맞아. 맞아, 한 사람이 월드 와이드 웹을 발명한 거야 💪.

1986년부터 1991년까지 그는 CERN(스위스 제네바에 있는 연구소)에서 새로운 과학 문서 표준을 개발하고 있었어. 과학자들 사이에선 논문을 기사 형태로 발표하고, 그 끝에 참고문헌 목록을 추가하는 게 전통이거든. 그러니까 과학 지식은 서로 링크된 논문들의 리스트야.

그런데 현대 위키백과는 월드 와이드 웹의 창시자가 봤던 웹의 모습과 매우 닮았어: 서로 링크되어 있는 과학 기사들과 참고문헌, 사용된 자료 목록 등. 만약 팀에게 운이 좋았다면, 웹은 지금도 그런 모습일 거야. 하지만 밝은 미래로 향하는 길에서 세상은 어딘가에서 다른 방향으로 돌아버렸지 :)

웹의 기초는 세 가지 기술이야:

  • HTML 페이지: 텍스트, 이미지, 링크를 포함한 HTML 페이지.
  • 브라우저: HTML 페이지를 사람들에게 가장 편리한 형태로 보여주는 프로그램.
  • HTTP 프로토콜: 웹 서버와 브라우저가 서로 통신하는 표준.

팀 버너스-리는 이런 것들을 발명했다기보단 표준화했다고 보는 게 맞아. HTML은 SGML 표준을 기반으로 만들어졌고, 태그도 거기서 가져왔지. 하지만 최초의 웹 브라우저인 WorldWideWeb은 팀이 직접 1990년에 작성했어.

2. HTML은 프로그래밍 언어가 아니야

HTML은 프로그래밍 언어가 아니고, 원래부터도 그런 적이 없어. 절대 그렇게 말하지 마. 이력서를 쓸 때도 HTML을 프로그래밍 언어 항목에 넣지 말고, "Tools" (기술) 항목에만 적어. HTML이 프로그래밍 언어라고 이력서에 쓰는 건 큰 실수야. 도대체 왜일까?

이유는 HTML이 문서의 마크업 언어기 때문이야. 아주 단순하게 말하면, HTML 문서는 텍스트(문서)에 이미지, 표, 링크 같은 게 삽입된 거라고 보면 돼.

예를 들어, 이런 기사를 쓰고 싶다고 해 보자. 여기엔 다음이 들어갈 거야:

  • 기사 제목 (헤드라인).
  • 한 문단으로 구성된 본문 글.
  • 이미지.
  • 몇몇 중요한 문구는 굵게 강조하고 싶어.
  • 기사 중간에 유용한 정보로 가는 링크를 넣고 싶어.

이 문서는 브라우저에서 이렇게 보일 거야:

집고양이

과학 분류 체계 관점에서, 집고양이는 포유류이며, 고양잇과에 속하고, 포식성 동물 계열에 속해. 자주 집고양이는 들고양이의 아종으로 간주되지만, 현대 생물학적 체계(2017년 기준) 관점에서는 집고양이는 독립적인 생물학적 종으로 여겨져.

꽤 괜찮지 않아? HTML 표준은 이런 문서를 사람이 읽을 수 있을 뿐만 아니라 컴퓨터(브라우저)도 이해할 수 있게 만들어줘. HTML 표준에서 문서는 이렇게 생겼어:

<h1> 집고양이</h1> 과학 분류 체계 관점에서, 집고양이는 <a href="http://">포유류</a>이며, 고양잇과에 속하고, 포식성 동물 계열에 속해. 자주 집고양이는 들고양이의 아종으로 간주되지만, 현대 생물학적 체계(2017년 기준) 관점에서는 집고양이는 <b> 독립적인 생물학적 종</b>으로 여겨져. <img src="cat.jpg">

글 본문에 특수 태그를 추가했어. 이 태그는 사람도 이해할 수 있고 컴퓨터(브라우저)도 이해할 수 있어. 브라우저는 기사를 독자에게 멋지게 보여주고, 작성자는 문제없이 내용을 편집할 수 있어.

3. HTTP 프로토콜의 등장

HTML의 약자는 Hyper Text Markup Language야. 하이퍼텍스트는 서로 연결된 페이지들로 구성된 문서야. 그럼 http는 뭘까?

HTTPHyper Text Transfer Protocol라는 뜻이야. 하이퍼텍스트를 전송하기 위한 프로토콜(표준)이야. http (혹은 https)는 브라우저 주소창에서 페이지의 링크를 복사하려고 하면 볼 수 있어.

일반적인 페이지 링크는 이렇게 생겼어:


http://google.com/logo.jpg

링크의 맨 처음엔 프로토콜 이름이 나오고, 그 뒤에 콜론과 두 개의 슬래시가 따라와. 팀 버너스-리는 한 인터뷰에서 만약 http 프로토콜이 이렇게 인기 있을 줄 알았다면 뭔가 더 짧은 걸 만들었을 거라고 말한 적이 있어 (실제로 세상 모든 링크는 거의 http://https://로 시작하니까).

흥미로운 이야기: 팀은 아직 살아 계셔, 지금 70세 정도야. 매일 인터넷을 사용하고 계시고, 그의 좌우명은 "잘하려면 직접 하라"야. 너희가 만든 발명이 지구 전체 사람들이 매일 사용하고 있다고 하면 어떤 기분일까?

코멘트
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION