스킬캠퍼스

오늘 끝나면

웹의 탄생

  • 웹의 탄생의 핵심 문제를 한 문장으로 설명한다
  • 오른쪽 실습에서 웹의이 어떻게 움직이는지 관찰한다
  • 다음 강의와 이어지는 한계를 말할 수 있다

실습 미션

1989 팀 버너스리 — HTML·URL·HTTP를 한 번에 발명 이 문장이 실제로 무슨 뜻인지 실습에서 한 번 손으로 확인한다.

성공 조건

  • 실습의 기본값을 먼저 관찰
  • 입력값이나 모드를 한 번 이상 바꿔 결과 비교
  • 왜 결과가 바뀌었는지 한 문장으로 설명

개발 · Day 9

웹의
탄생

인터넷이 깔린 이라면, 웹은 그 길 위에 생긴 가게 하나다. 한 사람이 1989년에 발명했다. 웹 ≠ 인터넷이다.

P.01개발 · Day 9

한 사람이 만든 웹

1989년, 스위스 입자물리연구소 CERN의 연구원들은 자료를 못 찾아 헤맸다. 논문이 각자 컴퓨터에 흩어져 있었다.

팀 버너스리가 “문서끼리 링크로 잇자”는 제안서 한 장을 냈다. 거기서 오늘날의 이 시작됐다. 회사가 아니라 한 사람이 만든 것이다.

1989 · CERN
전: 흩어진 문서못 찾음1989 제안후: 링크로 이음링크 = 웹

팀 버너스리 · CERN, 문서를 링크로 잇자는 한 장의 제안

P.02개발 · Day 9

웹은 인터넷이 아님

사람들이 둘을 같은 말로 쓰지만 다른 것이다.

인터넷은 컴퓨터끼리 이어 놓은 전선과 규약 더미, 그냥 깔린 길이다.

은 그 길 위를 달리는 서비스 하나다. 브라우저로 문서를 보는 일이다.

같은 길 위에 이메일게임,영상통화도 달린다. 웹은 그중 하나다.

길 vs 가게
이메일게임영상통화이게 웹인터넷, 깔린 길 (전선·규약)웹은 이 길 위에 선 여러 가게 중 하나
P.03개발 · Day 9

웹을 떠받친 세 발명

버너스리가 한 번에 묶어 내놓은 것이 세 가지다.

HTML문서를 쓰는 약속이다. 제목과 문단, 링크를 글자로 표시한다.

URL주소다. 그 문서가 세상 어디에 있는지 가리킨다.

HTTP전송 규약이다. “그 주소 문서 줘” 하고 주고받는 말투다.

셋이 맞물려야 웹이 돈다.

HTML · URL · HTTP
HTML문서무엇을 쓸지URL주소어디 있는지HTTP전송어떻게 받을지

셋이 맞물려야 웹이 돈다. 하나라도 빠지면 안 굴러간다

P.04개발 · Day 9

URL 한 줄을 쪼개 보면

주소창에 친 한 줄은 사실 여러 조각의 묶음이다.

앞의 https규약이다. “이 말투로 말 걸겠다”는 뜻이다.

가운데 www.google.com집 주소(host)다. 어느 서버로 갈지를 정한다.

뒤의 /search길(path)이다. 그 서버 안 어디로 갈지를 정한다.

주소를 바꿔 가며 어느 조각이 규약이고 집이고 길인지 본다.

주소 구조 · 직접 만져 보기
주소창에 친 한 줄
https://www.google.com/search?q=web
scheme · 규약
어떤 규칙으로 말 걸지
https
host · 집 주소
어느 서버한테 갈지
www.google.com
path · 길
그 서버 안 어디로 갈지
/search
query · 덧붙임
추가 조건(검색어 등)
?q=web
편지 봉투랑 똑같다, 규약(어떻게) · 집 주소(어디로) · 방 번호(그 안 어디)다음 예시 →
P.05개발 · Day 9

문서 한 장이 오는 길

주소를 치고 엔터를 누르면 벌어지는 일이다.

내 브라우저가 그 host 서버에게 HTTP 요청을 보낸다. “이 path 문서 줘.”

서버가 HTTP 응답으로 HTML 한 덩어리를 돌려준다.

브라우저가 그 HTML을 읽어 화면에 그림으로 그린다. 그것이 우리가 보는 웹페이지다.

URL로 찾고, HTTP로 받고, HTML로 그린다. 세 발명이 한 번씩 일한다.

코드 보기, 요청과 응답의 민낯
# 브라우저가 보내는 요청
GET /search HTTP/1.1
Host: www.google.com

# 서버가 주는 응답
HTTP/1.1 200 OK
Content-Type: text/html

<html> ... </html>
요청 → 응답
내 브라우저https://...🙂서버 (host)HTML 보관GET /search 줘① HTTP 요청200 OK + HTML② HTTP 응답③ 받은 HTML을화면에 그림URL로 찾고 · HTTP로 받고 · HTML로 그린다

3줄 요약

  1. 11989 팀 버너스리 — HTML·URL·HTTP를 한 번에 발명
  2. 2웹의 탄생은 코딩 기본 → 인터넷과 웹 → 프론트/백엔드 → 데이터 → 배포 흐름 안의 한 칸이다.
  3. 3개념을 외우는 것보다 입력을 바꾸면 무엇이 달라지는지 보는 것이 우선이다.

완료 전 점검

복습 카드

웹의

1989 팀 버너스리 — HTML·URL·HTTP를 한 번에 발명

입력

프로그램이 받아들이는 값이나 사용자 행동

규칙

입력을 처리하는 코드의 절차