1
00:00:01,410 --> 00:00:02,270
다시 오신 것을 환영합니다.

2
00:00:02,520 --> 00:00:07,520
따라서이 비디오는 인터넷이 작동하는 방식의 일종의 충돌 과정으로 작동 할 것입니다.

3
00:00:07,530 --> 00:00:23,180
개발자가되기를 원하는 누군가를 위해 나처럼 나처럼 열렬한 인터넷 사용자로부터 당신을 데려가려는 사람은 항상 인터넷을 사용하는 사람에게 할 필요가 없기 때문에 인터넷이 어떻게 작동하는지에 대해 많이 이해하지 못할 것입니다. 높은 수준에서 어떻게 작동하는지 조금 이해합니다.

4
00:00:23,220 --> 00:00:35,030
놀랍지 만 개발자들은 실제로 서로 다른 데이터 프로토콜에 대해 매우 낮은 수준의 핵심 정보를 제공하고 TCAP IP 스택에서 매우 협박하는 상황에서 어떻게 작동하는지 알 필요가 없습니다.

5
00:00:35,190 --> 00:00:42,450
저기서는 인터넷이 낮은 수준에서 어떻게 작동하는지에 대해 전적으로 전공 된 대학 전공과 과정입니다.

6
00:00:42,690 --> 00:00:49,940
개발자로서 일들이 추상화되어 일반 인터넷 사용자보다 기본적인 사항 만 이해하면됩니다.

7
00:00:50,070 --> 00:00:55,590
그러나 우리는이 매우 협박적인 핵심 사항에 대한 전문가가 될 필요는 없습니다.

8
00:00:55,590 --> 00:00:57,250
우리가 여기에서하기를 원하는 것이 거의 없습니다.

9
00:00:57,420 --> 00:01:00,150
우리는 인터넷이 어떻게 작동하는지 높은 수준에서 이해하고자합니다.

10
00:01:00,270 --> 00:01:05,340
HGP IP 도메인 이름과 같은 것들은 모두 여러분이 가지고있는 것입니다.

11
00:01:05,340 --> 00:01:06,550
그들은 어떻게 함께 일하는가.

12
00:01:06,780 --> 00:01:09,920
프론트 엔드와 백엔드 요소의 차이를 이해하고 싶습니다.

13
00:01:10,170 --> 00:01:12,540
또한 전체 스택은 어디에 들어 맞습니까?

14
00:01:12,570 --> 00:01:16,420
그리고 우리는 또한 어떤 웹 사이트에서 H Tim L을 볼 수 있기를 원합니다.

15
00:01:17,220 --> 00:01:20,340
그래서 제가 여기서하고 싶은 일은 실제로 비디오를 보는 것입니다.

16
00:01:20,550 --> 00:01:22,080
링크가 슬라이드에 있습니다.

17
00:01:22,140 --> 00:01:25,900
또한이 비디오의 설명에서 앞으로 나가서 열어 볼 것입니다.

18
00:01:26,040 --> 00:01:28,430
혼자서도 자유롭게 시청하십시오.

19
00:01:28,440 --> 00:01:43,470
나는이 비디오에서 그것을보고 잠시 멈추고 몇 가지 중요한 부분을 강조 할 것입니다.

20
00:01:43,620 --> 00:01:53,210
영국인이 World Science Festival 웹 페이지를 처음 방문 할 때 어떤 일이 벌어 질지 궁금해 한 적이 있습니까?

21
00:01:53,220 --> 00:01:58,470
컴퓨터는 World Science Festival 서버에 해당 웹 페이지의 사본을 요청해야합니다.

22
00:01:58,710 --> 00:02:22,130
컴퓨터는이 요청을 세계 과학 축제 IP 주소를 포함하여 요청에 대한 특정 정보가 담긴 패킷이라고 불리는 가상 봉투에 집어 넣습니다. 컴퓨터가이 패킷을 집 밖으로 내보내고 지하의 구리선을 통해이 패킷을 작은 지역 런던에있는 북쪽의 텔레 하우스 (Telehouse)에서 끝나기 전에

23
00:02:22,440 --> 00:02:25,700
Telehouse north는 영국의 주요 인터넷 허브입니다.

24
00:02:25,740 --> 00:02:36,120
이 패킷의 IP 주소는 세계 과학 축제 서버가 실제로 로잔에 있다는 사실을 허브에 알려주며이 경우 사용자가 웹 사이트를 방문한 첫 번째 항목을 강조합니다.

25
00:02:36,180 --> 00:02:44,680
World Science Festival 웹 사이트를 방문하거나 입력 한 다음 Enter 키를 누르면이 모든 것이 사용자가보기 전에 발생합니다.

26
00:02:44,760 --> 00:02:49,210
아이디어는 사용자가 웹 사이트를 요청하거나 요청하는 것입니다.

27
00:02:49,260 --> 00:02:52,140
이것이 H TTP 요청이라고 불리는 것입니다.

28
00:02:52,170 --> 00:03:07,040
그래서 내가이 비디오를 열었을 때 유튜브 닷 컴이 당신을 알게되었습니다. Enter를 누르면이 페이지의 내용을 묻습니다. 어딘가에서 YouTube로 가야합니다. 나를.

29
00:03:07,050 --> 00:03:11,030
지금까지 우리는 여전히 올바른 장소로 요청을 받고 있습니다.

30
00:03:11,430 --> 00:03:18,620
따라서 Telehouse North는 패킷을 밖으로 보냈습니다. 대서양을 가로 지르는 것은 마치 바다 밑 깊숙히 묻힌 광섬유 케이블을 통해서였습니다.

31
00:03:18,780 --> 00:03:26,310
패킷은 여기에서 끝납니다 60 Hudson Street 뉴욕시 동부 해안에서 가장 큰 인터넷 허브입니다.

32
00:03:26,760 --> 00:03:34,760
이 허브는 뉴욕을 World Science Festival 서버가 상주하는 로스 앤젤레스에 연결하는 일련의 지역 네트워크를 통해 패킷을 전송합니다.

33
00:03:35,220 --> 00:03:39,570
서버는 요청을 읽고 웹 페이지를 영어로 보낼 준비를합니다.

34
00:03:40,260 --> 00:03:46,170
그러나 웹 페이지는 이미지로 구성되어 있으며 텍스트는 너무 커서 단일 데이터 패킷으로 보낼 수 없습니다.

35
00:03:46,170 --> 00:03:49,440
어떻게 영국으로 돌아갈 수 있을까요?

36
00:03:49,440 --> 00:03:50,380
상상 해봐.

37
00:03:50,450 --> 00:03:57,650
그래서이 시점에서 요청은 정확한 서버로 전달되었으며이 페이지를 찾고 있다고 들었습니다.

38
00:03:57,810 --> 00:04:10,850
이제는 모든 서버가 단일 거대한 투어 버스에서 뉴욕시를 방문하는 5000 명의 관광객으로 구성된이 특정 페이지 그룹을 요청한 컴퓨터로 다시 돌아 오는 귀환 여행을 다룹니다.

39
00:04:10,950 --> 00:04:15,730
그들은 Harlem에서 올라가고 있지만 닫히기 전에 자유의 여신상을 방문하기를 원합니다.

40
00:04:15,840 --> 00:04:18,560
그러나 그것은 금요일 러시아워입니다.

41
00:04:18,580 --> 00:04:23,490
거대한 버스가 그 미친 혼잡 한 거리를 통과 할 방법이 없습니다.

42
00:04:23,580 --> 00:04:28,260
그래서 그들은 버스에서 내리고 지하철을 타기로 결정했습니다.

43
00:04:28,260 --> 00:04:34,480
일부는 택시를 대여 자전거로 가져 가고 일부는 허드슨 강을 따라 카약을 타기도합니다.

44
00:04:34,650 --> 00:04:39,890
그들이 거기에 도착하는 방법은 시간에 도착하는 한 중요하지 않습니다.

45
00:04:39,930 --> 00:04:42,740
마찬가지로 인터넷이 효율적으로 작동합니다.

46
00:04:42,780 --> 00:05:01,350
이 웹 페이지는 수천 개의 작은 패킷의 데이터로 분쇄되어 각자 하나의 정보가 가득 찼으며 아이들에게 스스로를 재구성해야합니다. LA로 보내면 허브를 통해 교통 정보를 확인한 후 허브를 통해 마일과 마일 땅.

47
00:05:01,350 --> 00:05:11,630
그들은 뉴욕시 관광객들이 패킷이 가능한 한 빨리 거기에 도착하는 방법을 신경 쓰지 않는 것처럼 다른 허브를 통해 체크인합니다.

48
00:05:12,040 --> 00:05:20,640
그들 중 대부분은 뉴욕의 허드슨 (Hudson)에서 60 달러를 벌어 들여 영국으로 돌아가는 것은 은색의 달러로 두꺼운 유리 섬유를 타는 것과 같습니다.

49
00:05:20,800 --> 00:05:27,000
그런 다음 모든 지역의 영국 네트워크를 통과하는 구리선을 통해 모든 패킷이 목적지에 도달했습니다.

50
00:05:27,010 --> 00:05:47,850
그리고이 서사시적인 여행은 수십억 가지의 이와 유사한 비슷한 여행의 수십억과 함께 약 2 초 안에 일어납니다. 우리는 인터넷이라고 부르는 네트워크의 당연한 네트워크로 인해 이처럼 놀라운 일을 쉽게 수행 할 수 있습니다.

51
00:05:48,070 --> 00:05:50,180
그래서 당신은 비디오가 매혹적이라는 것을 알았을 것입니다.

52
00:05:50,200 --> 00:05:55,300
이 일을 많이하고 인터넷을 많이 사용하는 사람을 아는 사람이라 할지라도 분명히 내 마음이 아프다.

53
00:05:55,300 --> 00:05:57,360
웹 사이트가 응용 프로그램을 만듭니다.

54
00:05:57,370 --> 00:06:05,320
로딩되는 모든 단일 페이지에 대해서 장면의 뒤에서 일어나는 과정은 여전히 ​​놀랍습니다.

55
00:06:05,320 --> 00:06:11,950
이 예를 생각해 봅시다. 저는 여기 주위에있는 여러분에게 갈 것입니다.

56
00:06:12,010 --> 00:06:19,810
내가 뭔가를 요구하고 뭔가를 얻고 뭔가를 요청하고 서버가 응답하고 있음을 기억하십시오.

57
00:06:19,810 --> 00:06:21,660
그 사이에 많은 일들이 일어납니다.

58
00:06:21,670 --> 00:06:24,900
그러나 이것이 핵심 개념입니다.

59
00:06:24,940 --> 00:06:31,290
그래서 일어나는 첫 단계와 실제로 거기에서 시작하기 전에 나는 이것이 당신이 암기해야 할 어떤 것이 아니라는 것을 알려주고 싶습니다.

60
00:06:31,300 --> 00:06:35,740
이것은 알아두면 좋지만 언제나 돌아올 수있는 개념적인 것입니다.

61
00:06:35,740 --> 00:06:36,680
너는 이것을 볼 수있다.

62
00:06:36,700 --> 00:06:38,400
이 비디오를 볼 수 있습니다.

63
00:06:38,410 --> 00:06:49,530
내가 암기하고 자신감을 갖기를 바라는 한가지는 데이터와 서버에 데이터를 요구하고 브라우저에 표시하는 요청 및 응답에 대한 아이디어입니다.

64
00:06:49,720 --> 00:07:00,520
여기에 내가 당신에게 갈 때 또는이 단계는 내 컴퓨터가 요청을 보내기 위해 정확한 주소를 알아야 할 때 일어나는 일을 처음으로 치는 것입니다.

65
00:07:00,520 --> 00:07:04,750
편지를 보낼 때와 같이 고유 한 주소가 필요합니다.

66
00:07:04,750 --> 00:07:07,200
집에는 다른 집과 동일한 주소가 없습니다.

67
00:07:07,240 --> 00:07:11,600
그들은 똑같아 보이지만 다른 도시 나 다른 우편 번호 또는 다른 나라에 있습니다.

68
00:07:11,620 --> 00:07:12,460
그들은 독특합니다.

69
00:07:12,550 --> 00:07:17,290
그래서 우리는 우리의 요청이 올바른 장소로 가도록 그 주소가 필요합니다.

70
00:07:17,290 --> 00:07:20,270
따라서 Sinko DNS는 해당 도메인 이름을 사용합니다.

71
00:07:20,310 --> 00:07:26,410
결과가 필요하고 숫자와 점의 문자열 인이 IP 주소로 변환됩니다.

72
00:07:26,420 --> 00:07:28,560
이것은 고유 식별자입니다.

73
00:07:29,050 --> 00:07:34,270
일단 우리가 그 사실을 알게되면 실제로 요청할 때까지 편지를 보냅니다.

74
00:07:34,270 --> 00:07:43,860
그래서이 경우에 입력을 누르면 컴퓨터 컴퓨터가 Dotcom의 IP 주소가 무엇을 의미하는지 알 수 있습니다.

75
00:07:44,230 --> 00:07:44,700
승인.

76
00:07:44,740 --> 00:07:50,370
우리는 지금 IP 주소를 가지고 있지만 코스 페이지를 요청하는 요청을 보냅니다.

77
00:07:50,530 --> 00:07:56,130
그래서 우리는 HTP 요청으로 요청을하게됩니다. 우리는 그것이 무엇이고 어떻게 생겼는지에 대해 더 많이 이야기 할 것입니다.

78
00:07:56,230 --> 00:07:59,260
그리고 그것은 단지 한 방향으로 직접 촬영 한 것이 아니라는 것을 기억하십시오.

79
00:07:59,290 --> 00:08:05,640
기본적으로 요청은 우리가 찾고있는 서버에 도착할 때까지 서버에서 서버로 반송됩니다.

80
00:08:06,370 --> 00:08:21,640
그래서 우리가 서버에 도착하면 첫 번째 부분은 서버가 내가 무엇을 요구하고 홈 페이지를 요청하고 있는지를 파악할 것입니다. 슬래시 코스 페이지를 요청하고 있습니다. 우리는 가입 페이지를 요청하고 있습니다. 강사 페이지.

81
00:08:21,670 --> 00:08:26,140
내가 구할 수있는 모든 종류의 조각들이 있고 그들은 모두 다르다.

82
00:08:26,140 --> 00:08:30,500
따라서 봉사 활동은 무엇을 돌려 보내야 할지를 파악하는 것입니다.

83
00:08:30,610 --> 00:08:35,950
우리가 개발할 때 다시 보낼 내용을 알아내는 일은 당신의 일입니다.

84
00:08:35,950 --> 00:08:44,540
그러면 서버는 정보를 추출하는 데이터베이스와 종종 상호 작용하며 각 팀의 조합을 자바 스크립트 및 C S로 만듭니다.

85
00:08:44,560 --> 00:08:51,800
그래서 우리 서버는 각 팀과 자바의 조합을 우리에게 보냅니다. 이것은 자바 스크립트의 묶음입니다.

86
00:08:51,820 --> 00:08:55,450
브라우저 단계에서 사람이 읽을 수있는 것은 아닙니다.

87
00:08:55,450 --> 00:09:02,910
그리고 그것은 브라우저로 하여금 정보를 얻고 인간을 쉽게 이해할 수있게합니다.

88
00:09:03,340 --> 00:09:06,210
따라서이 프로세스는 모든 단일 페이지에서 발생합니다.

89
00:09:06,310 --> 00:09:11,260
그리고 당신은 실제로 밑에있는 H.M.S를 볼 수 있습니다. 어떤 페이지 및 자바 스크립트에 대한 평가.

90
00:09:11,290 --> 00:09:14,390
Chrome에서 몇 가지 방법이 있습니다.

91
00:09:14,500 --> 00:09:16,570
이것이 우리 모두가 Chrome을 사용하는 이유입니다.

92
00:09:16,570 --> 00:09:17,530
당신은 갈 수 있습니다.

93
00:09:17,680 --> 00:09:19,800
이 페이지로 가자.

94
00:09:20,470 --> 00:09:32,680
마우스 오른쪽 버튼을 클릭하고 페이지 소스보기를 클릭하면 실제로 모든 H.M.S.가 포함 된 새 창을 엽니 다. s 및이 페이지의 기본 소스 인 javascript를 사용하십시오.

95
00:09:32,710 --> 00:09:36,520
YouTube에서 똑같은 일을 클릭하여 페이지 소스보기를 클릭하십시오.

96
00:09:36,520 --> 00:09:38,570
그리고 이것은 모든 단일 사이트에 있습니다.

97
00:09:38,740 --> 00:09:40,430
그래서 이것을 숨길 방법이 없습니다.

98
00:09:40,480 --> 00:09:42,490
브라우저 전체가 이것을 사용합니다.

99
00:09:42,490 --> 00:09:45,520
그리고 그것을 이것을로 바꿨습니다.

100
00:09:45,520 --> 00:09:47,950
따라서 브라우저는 분명히 복잡한 것입니다.

101
00:09:47,950 --> 00:09:50,800
좋은 점은 브라우저가 어떻게 작동하는지 알 필요가 없다는 것입니다.

102
00:09:50,800 --> 00:09:52,150
그게 그녀의 브라우저 다.

103
00:09:52,150 --> 00:09:54,870
그것은 그 코드를 취하고 그것을이 코드로 변환합니다.

104
00:09:54,880 --> 00:09:56,390
당신이 그것을 할 수있는 또 다른 방법.

105
00:09:56,500 --> 00:10:03,030
Chrome에는 PC에서 명령 옵션보기를 수행 할 수있는 바로 가기가 있습니다.