1 00:00:00,000 --> 00:00:02,620 [Powered by Google Translate] [주 7, 계속] 2 00:00:02,620 --> 00:00:05,090 [데이비드 J. Malan, 하버드 대학교] 3 00:00:05,090 --> 00:00:07,780 [이 CS50 수 있습니다.] [CS50.TV] 4 00:00:07,780 --> 00:00:09,810 괜찮아요. 돌아 오신 것을 환영합니다. 이것은 CS50입니다 5 00:00:09,810 --> 00:00:12,100 그리고이 주 7의 끝입니다. 6 00:00:12,100 --> 00:00:15,460 그래서 인터넷에 간다이 멍청한 것들 중 하나 7 00:00:15,460 --> 00:00:24,080 우리가 slurped, 그리고 지금 당신에게 엽기 감각을 좀해야합니다. 8 00:00:24,080 --> 00:00:28,330 글쎄, 당신 친구들보다이 남자에게 더 웃기는했습니다. 9 00:00:28,330 --> 00:00:32,619 , 얘들 아, 음, 말하기 10 00:00:32,619 --> 00:00:42,550 오늘 네이트의 생일입니다. 11 00:00:42,550 --> 00:00:46,630 당신에게 얼마나 좋은 불량의 느낌을주고 나는 겁니까 12 00:00:46,630 --> 00:00:50,140 웹 개발에 월요일의 클래스에 따라 지금이 기반으로 13 00:00:50,140 --> 00:00:53,170 당신이 아직 보지 못했다면, 네이트의 홈 페이지를 당겨 줄 알았는데. 14 00:00:53,170 --> 00:00:57,020 이 여기 IA 네이트의 H​​TML. 15 00:00:57,020 --> 00:00:59,380 그러니까, 당신이 작업을 수행하는 방법에 표시하려는 경우 자신의 소스 코드를보고, 네이트 16 00:00:59,380 --> 00:01:02,250 우리가 간단히를 em​​barass 수 있다면, 직원은 당신에게 뭔가를 조금 가지고 17 00:01:02,250 --> 00:01:06,080 여기 클래스의 아이들의 일부와 함께 디저트를 공유하려는 경우. 18 00:01:06,080 --> 00:01:10,150 당신이 내려오고 싶은 경우. 19 00:01:10,150 --> 00:01:14,350 당신은 박수를 아주 좋은 있지만, 아무도, 네이트 근처에 앉아되지 않습니다 20 00:01:14,350 --> 00:01:17,560 어떤 이유로, 그 뒤로 지역 인치 21 00:01:17,560 --> 00:01:24,020 그래서 아마도 일부 사람들이와 함께이를 즐길 수 찾을 수 있습니다. 22 00:01:24,020 --> 00:01:33,380 생일 축하한다, 네이트. 23 00:01:33,380 --> 00:01:37,660 >> 추가 한가 : 우리는 우리의 CS50x 학생에서 몇 클립을 보여 주었다. 24 00:01:37,660 --> 00:01:39,710 당신은 누구에게보고하고 싶은 경우는 세계에 25 00:01:39,710 --> 00:01:41,850 함께하는 거지, 당신은이 URL로 향 26 00:01:41,850 --> 00:01:45,780 요셉, 우리의 TFS 중 하나 인 종류의 몽타주를 만들었습니다 곳 27 00:01:45,780 --> 00:01:50,290 그 중에서도, 릭 Astley을 이러한 동영상을 제출 한 모든 사람들의. 28 00:01:50,290 --> 00:01:53,010 여러분이 스크롤한다면, 정말 아주 멋져 29 00:01:53,010 --> 00:01:56,890 사람들이 환영하는에서 국가와 도시의 다양성을 볼 수 있습니다. 30 00:01:56,890 --> 00:02:00,830 당신이 살펴하고자한다면, 그 학기의 끝을 통해 수까지입니다. 31 00:02:00,830 --> 00:02:05,370 오늘 우리는 웹 페이지의 모양을 계속, 웹 프로그래밍, HTML과 같은 32 00:02:05,370 --> 00:02:08,280 우리는 또한이 금요일오고 점심을 33 00:02:08,280 --> 00:02:11,360 당신은 원하는, 특히, 전에하지 않은 경우. 34 00:02:11,360 --> 00:02:13,630 이번 주 금요일의 테마는, 네이트의 생일입니다 35 00:02:13,630 --> 00:02:15,700 당신은 네이트 생일 점심 식사를하고 싶은 있으므로 경우 36 00:02:15,700 --> 00:02:17,500 및 기타 산업에서 우리 친구들, 37 00:02:17,500 --> 00:02:19,300 거기에 URL로 머리를하시기 바랍니다. 38 00:02:19,300 --> 00:02:22,510 공간, 언제나 제한된 수 있습니다. 또한 잊어 버린 경우 39 00:02:22,510 --> 00:02:26,460 그 다음 주 4의 스 캐빈 저 사냥을 설정 문제에 대한 마감일은 알지만, 40 00:02:26,460 --> 00:02:30,070 상기 card.raw에서 이러한 JPEG 파일을 모두 복구 후, 41 00:02:30,070 --> 00:02:32,880 여러분과 여러분의 섹션 친구는 당신이 원한다면, 촬영 시도 할 수 있습니다 42 00:02:32,880 --> 00:02:36,100 가능한 한 그 메모리 카드에서 컴퓨터 과학자의 많은 등, 43 00:02:36,100 --> 00:02:39,070 귀하와 귀하의 섹션은 다음 멋진 상을 받게됩니다. 44 00:02:39,070 --> 00:02:44,470 무엇 제출과 언제까지 같이 pset 4의 사양으로 돌아 참조하십시오. 45 00:02:44,470 --> 00:02:47,650 당신이 가진하고자하는 경우 또한, 그린은 불후의 46 00:02:47,650 --> 00:02:51,400 코스의 웹 사이트 및 의류의 역사에, 47 00:02:51,400 --> 00:02:54,010 당신이 디자인을 제출 시작하는 지금 환영 알고 48 00:02:54,010 --> 00:02:57,180 올해의 T-셔츠와 스웨터와 같은하십시오. 49 00:02:57,180 --> 00:02:59,200 우리는 우리가 할 수있는만큼 많이 포함하기 위해 최선을 다하겠습니다 50 00:02:59,200 --> 00:03:01,440 하지만 우리는 디자인의 모든 직원 평가의 일부 구성원이됩니다 51 00:03:01,440 --> 00:03:04,180 사람들이 사양과 일치하고 있는지 확인하면, 52 00:03:04,180 --> 00:03:07,500 그리고 우리는 그들 중 소수가 전시 할 수 일반적으로 선택합니다. 53 00:03:07,500 --> 00:03:10,620 당신이 디자인 종류다면, 그냥 알고 그 요구 사항 54 00:03:10,620 --> 00:03:14,030 그래픽 PNG, 최소한 200 DPI입니다에 55 00:03:14,030 --> 00:03:16,520 그들은 이상 4,000 X 4,000 픽셀이 아니어야합니다 56 00:03:16,520 --> 00:03:19,010 그리고 10 개 이상 메가바이트,하지만 같은 물건을 사용하는 환영 57 00:03:19,010 --> 00:03:22,430 포토샵이나 김프 또는 다양한 그래픽의 프로그램, 58 00:03:22,430 --> 00:03:24,590 귀하의 처분에 있습니다 뭐든간에. 59 00:03:24,590 --> 00:03:28,280 >> 또한 수평선에서 최종 프로젝트입니다. 최종 프로젝트는 정말 (50)의 절정입니다 60 00:03:28,280 --> 00:03:30,560 상기 과정에있는 모든 과제, 61 00:03:30,560 --> 00:03:33,170 그 자신의 일을 정말 기회입니다. 62 00:03:33,170 --> 00:03:35,280 그래서, 재미를 위해 뭔가를하고 간단하게 할 수 있습니다 63 00:03:35,280 --> 00:03:38,160 그것은 학생 그룹이 몇 가지 중요한 문제를 해결하기 위해 할 수 64 00:03:38,160 --> 00:03:40,980 새로운 웹 사이트에 대한 데이터를위한 새로운 수집 메커니즘. 65 00:03:40,980 --> 00:03:43,420 이 iOS 용, 안드로이드 용 모바일 응용 프로그램이 될 수 있습니다. 66 00:03:43,420 --> 00:03:46,030 정말, 하늘이 한계이고, 앞으로 몇 주 동안, 67 00:03:46,030 --> 00:03:50,900 C에서 PHP와 자바 스크립트와 같은 이러한 높은 수준의 언어로 우리가 전환으로, 68 00:03:50,900 --> 00:03:55,150 당신은 자신이 점점 진짜 세계 기술을 친숙 찾을 수 있습니다 69 00:03:55,150 --> 00:03:57,800 일부 실제 도구 및 보완하는 즉, 70 00:03:57,800 --> 00:04:00,170 코스 세미나의 역사를 가지고 알고, 71 00:04:00,170 --> 00:04:02,880 상기 앞으로 몇 주 동안, 교원의 일부 72 00:04:02,880 --> 00:04:06,160 와 캠퍼스에서 우리의 친구는 선택 세미나를 제공합니다 73 00:04:06,160 --> 00:04:08,540 위의 일반적으로 섹션에서 한 일을 넘어 한 74 00:04:08,540 --> 00:04:11,090 안드로이드 프로그래밍 등을 소개하면, 75 00:04:11,090 --> 00:04:13,450 iOS를 프로그래밍 등을 소개 76 00:04:13,450 --> 00:04:15,950 또는 고급 웹 개발 기술. 77 00:04:15,950 --> 00:04:17,970 이 이미 온라인의 전체 역사는있다. 78 00:04:17,970 --> 00:04:25,000 당신이 cs50.net/seminars에 가면, 우리는 꽤 몇 년 동안이 일을 해왔 79 00:04:25,000 --> 00:04:28,740 당신은 PDF 파일과 동영상을 함께 보관하고 같은 것을 볼 수 있습니다 80 00:04:28,740 --> 00:04:33,090 세미나 수십 동영상입니다. 81 00:04:33,090 --> 00:04:37,380 작년에, 예를 들어, 우리는 당신의 기술 면접을 acing에 세미나를했습니다 82 00:04:37,380 --> 00:04:40,980 당신은 실제로 오프 가서 인턴이나 풀 타임 공연을 할 찾고 있다면. 83 00:04:40,980 --> 00:04:43,450 윈도우 모바일 개발, 안드로이드 개발, 구글지도, 84 00:04:43,450 --> 00:04:47,700 API, CSS는, 블랙 베리, 이맥스에 대한 개발. 85 00:04:47,700 --> 00:04:52,610 정말, 당신은 귀하의 편의에서 이러한 세미나의를 살펴을 환영합니다. 86 00:04:52,610 --> 00:04:57,080 그리고 우리는뿐만 아니라 몇 가지 새로운에게이 학기를 개최됩니다. 87 00:04:57,080 --> 00:04:59,020 >> 따라서 최종 프로젝트 진행 무엇입니까? 88 00:04:59,020 --> 00:05:01,090 글쎄, 처음,이 날짜가 다소 임박한하더라도하면, 89 00:05:01,090 --> 00:05:06,460 이 정말로 현실적으로 최종 프로젝트에 대한 생각을 시작하는 단지 기회가 될 것입니다. 90 00:05:06,460 --> 00:05:10,550 우리는 우리가 아직 과정에서 커버 할 일의 일부는 시작을 알고 91 00:05:10,550 --> 00:05:13,470 HTML, PHP와 같은, 당신은 웹을 모두 잘 알고 92 00:05:13,470 --> 00:05:16,270 웹을 향해 나는 편견이 대화를 단 한 93 00:05:16,270 --> 00:05:18,380 대부분의 사람들은 웹 기반 최종 프로젝트를하고 결국 94 00:05:18,380 --> 00:05:20,260 하지만 그게 더 필요한 수단입니다. 95 00:05:20,260 --> 00:05:22,260 C를 사용하여 목표 C, 자바, 괜찮 96 00:05:22,260 --> 00:05:25,350 당신이 알고 있는지, 할 수있는 다른 언어는 매우 유효합니다. 97 00:05:25,350 --> 00:05:29,370 그러나 처음에 흐르는 주스를 얻을, 우리는 preproposal의 제출을​​ 기대합니다 98 00:05:29,370 --> 00:05:33,520 하는 cs50.net에 지금 웹 사이트에 PDF 당 99 00:05:33,520 --> 00:05:36,080 그리고 왼쪽 상단에서 최종 프로젝트를 볼 수 있습니다 100 00:05:36,080 --> 00:05:38,920 , 최종 프로젝트에 대한 사양입니다 101 00:05:38,920 --> 00:05:41,470 과에 preproposal에 대한 자세한 내용과 같은이 있습니다. 102 00:05:41,470 --> 00:05:44,760 당신의 교육 동료에 대한 이메일은 거의 때문인 103 00:05:44,760 --> 00:05:48,450 당신이 무슨 생각을하는지에 대해 그 사람과 대화를 공격합니다. 104 00:05:48,450 --> 00:05:52,510 projects.cs50.net에 캠퍼스에서 사람들의 아이디어의 저장소입니다 105 00:05:52,510 --> 00:05:54,480 당신은 몇 가지 아이디어를 마련하는데 어려움을 겪고있는 경우 106 00:05:54,480 --> 00:06:01,140 그리고 manual.cs50.net/APIs는 API에 링크 저장소입니다. 107 00:06:01,140 --> 00:06:06,710 >> 뭐,하지만 API입니까? 108 00:06:06,710 --> 00:06:09,790 API는 무엇입니까? 나는 적어도 두 번 말을 한 109 00:06:09,790 --> 00:06:12,640 지난 몇 주간의 성적표에 따라. 110 00:06:12,640 --> 00:06:17,050 그게 뭐야? [학생, 이해할 수없는] 111 00:06:17,050 --> 00:06:19,340 >> 그래, 좋아. 그럼 뭔가 프로그래밍 인터페이스를 제공합니다. 112 00:06:19,340 --> 00:06:22,710 응용 프로그램 프로그래밍 인터페이스,이 몇 가지 형태를 취할 수, 113 00:06:22,710 --> 00:06:25,850 하지만이 정말 종기가 다운하는 것은 코드입니다 114 00:06:25,850 --> 00:06:29,660 그 HS 쓴 다른 사람이나 다른 사람이 수집 한 데이터를 115 00:06:29,660 --> 00:06:33,670 그 어떤 프로그래밍 방법으로 이용할 수 있습니다. 116 00:06:33,670 --> 00:06:36,630 당신은 C, PHP, 파이썬, 루비에서 코드를 작성할 수 있습니다 117 00:06:36,630 --> 00:06:38,760 선택의 언어는 일반적으로간에, 118 00:06:38,760 --> 00:06:42,240 당신은 어떻게 든 다른 사람의 기능에 구축 할 수 있습니다 119 00:06:42,240 --> 00:06:44,440 또는 다른 사람이 데이터 세트입니다. 120 00:06:44,440 --> 00:06:47,210 예를 들어, 여기이 링크로 이동하면, 121 00:06:47,210 --> 00:06:50,750 그리고 당신은 이후 페이지에 링크 한 쌍의를 볼 수 있습니다 122 00:06:50,750 --> 00:06:56,093 상기 우리는 CS50 자신의 매우 하버드 중심의 아르 API를, 그리고 써드 파티 API를 갖추고 있습니다. 123 00:06:56,930 --> 00:06:59,300 타사 API를 사이에 정말 유용한 사항은 다음과 같습니다 124 00:06:59,300 --> 00:07:01,780 SMS의 집에 사람들을 보낼 수있는 것 같아, 125 00:07:01,780 --> 00:07:04,690 사람들 SMS 문자 메시지를 수신 할 수있는. 126 00:07:04,690 --> 00:07:08,160 그리고 당신이 얼마나 자신을 구현하는 방법 모를 수 있습니다 그런 식으로, 127 00:07:08,160 --> 00:07:10,440 하지만 서비스 덕분에, 일부 무료 및 일부 상업, 128 00:07:10,440 --> 00:07:14,000 당신이 저 위에 구축하고 당신에게 관심 뭔가를 할 수 있습니다. 129 00:07:14,000 --> 00:07:16,990 CS50의 API 중 다음과 캠퍼스 중심 일들이 같다 130 00:07:16,990 --> 00:07:21,480 하버드 과정, 에너지, 이벤트, 음식,지도, 뉴스, 트위터와 Shuttleboy 자체, 131 00:07:21,480 --> 00:07:23,940 이러한이 같은 뭔가를 조금 찾아 API를합니다. 132 00:07:23,940 --> 00:07:26,990 >> 제가 HarvardFood의 API를 당겨 보자. 133 00:07:26,990 --> 00:07:30,620 아빠는 항상 HUD의 웹 사이트에 가본 적이 있다면, 당신은 아마 거기가 봤어요 134 00:07:30,620 --> 00:07:35,410 단지 저녁 식사 보거나 시간이 몇 D-홀을 무엇인지 볼 수 있습니다. 135 00:07:35,410 --> 00:07:38,000 음, 탐색 특히 쉬운 일이 아니지 136 00:07:38,000 --> 00:07:41,100 그래서 우리는 시간이 좀 전에 우리는 소프트웨어를 만든 한 건 137 00:07:41,100 --> 00:07:47,270 실제로 화면 HUD의 웹 사이트 전체를 scrapes PHP,에 있어야 발생합니다. 138 00:07:47,270 --> 00:07:51,400 흠집 뭔가를 차단하려면 PHP 같은 언어로 프로그램을 작성하는 것을 의미 139 00:07:51,400 --> 00:07:55,270 즉, 당신은 명령 프롬프트에서 실행 수는 없었지만, 브라우저가 될 것처럼 140 00:07:55,270 --> 00:07:58,180 브라우저가 될 것처럼 그, 웹 사이트에 연결 141 00:07:58,180 --> 00:08:01,480 는 HTML, 그것이 서면하는 언어를 다운로드 142 00:08:01,480 --> 00:08:04,300 다음을 읽고, 또는 즉, 구문을 분석 143 00:08:04,300 --> 00:08:06,140 위에서 아래로, 왼쪽에서 오른쪽으로. 144 00:08:06,140 --> 00:08:08,870 그리고 우리가 한 행동은 우리가 그 같은 방식으로 코드를 작성 145 00:08:08,870 --> 00:08:12,910 우리가 메뉴에 뭔가 닮은 HTML에서 뭔가를 봤 더군요 언제든지 146 00:08:12,910 --> 00:08:16,470 햄버거처럼, 우리는 우리의 자신의 데이터베이스로 가져올 것입니다. 147 00:08:16,470 --> 00:08:20,410 그리고 우리가 영양 내용을 본 언제든지, 우리는 우리 자신의 데이터베이스에 그를 가져올 것입니다. 148 00:08:20,410 --> 00:08:23,090 그리고 우리가 한 것은 사실 활용 한 것 HUD의 웹 사이트, 149 00:08:23,090 --> 00:08:27,280 그것은 우리 인간이 탐색 할 수있는 도전이 좀 될 수 있어도 150 00:08:27,280 --> 00:08:32,559 후드 아래, HTML 모두 자신의 컴퓨터 프로그램에 의해 생성됩니다. 151 00:08:32,559 --> 00:08:35,159 그래서이 혼란스러워 보일 수 있더라도 자신의 HTML의 모든, 152 00:08:35,159 --> 00:08:38,026 후드 아래에 대부분의 웹 사이트처럼 하나의 패턴을 따른다. 153 00:08:38,260 --> 00:08:40,799 그래서 우리는 그 패턴을 알아내는 몇 시간을 보냈다 154 00:08:40,799 --> 00:08:44,240 그래야 결국, 우리는 지저분한 HTML을 모두 던져 155 00:08:44,240 --> 00:08:47,340 굵은 향하고의 미학 및 기울임 꼴과 같은 모든 156 00:08:47,340 --> 00:08:52,350 그리고 우리가 다음 할 수는 같은 데이터를 노출합니다. 157 00:08:52,350 --> 00:08:54,870 예를 들어,이 방법은 아니에요. 158 00:08:54,870 --> 00:08:56,840 그래서 우리는 여기 문서에 의하면, 159 00:08:56,840 --> 00:08:59,190 당신은 URL을 요청하면 세계 그 대한​​ 정보를 160 00:08:59,190 --> 00:09:03,310 과 같은 즉, food.cs50.net / 일, 161 00:09:03,310 --> 00:09:07,220 그리고 우리가 오늘에 대해 이야기를 해보 특정 매개 변수를 제공 162 00:09:07,220 --> 00:09:11,780 등등 최종 날짜 시간, 시작 날짜 시간, 식사와 같은 163 00:09:11,780 --> 00:09:14,090 어떤 서버는 예를 들어, 돌아갑니다 164 00:09:14,090 --> 00:09:18,740 CSV 파일 쉼표, Excel 파일과 같은 값을 separted입니다 165 00:09:18,740 --> 00:09:23,140 작년 3 월에이 특정 날짜에 아침 식사가 포함 된 모든 166 00:09:23,140 --> 00:09:25,450 나는이 문서를 작성하는 일이 생겼을 때. 167 00:09:25,450 --> 00:09:27,870 >> 익숙한 분들을 위해, CSV는 전용 파일 형식이 아닙니다. 168 00:09:27,870 --> 00:09:30,610 모든 더 다양한입니다 다른 형식이 169 00:09:30,610 --> 00:09:32,670 JSON 자바 스크립트 객체 표기법했다. 170 00:09:32,670 --> 00:09:34,770 데이터는 해당 형식으로 다시 할 수 있습니다. 171 00:09:34,770 --> 00:09:38,110 자, 이제 테이크 아웃입니다 해당이 API에 관계없이 당신은 다이빙 172 00:09:38,110 --> 00:09:41,170 또는 CS50의이나 뭐 거기서 인터넷에서의 다른, 173 00:09:41,170 --> 00:09:45,560 또는 아닙니다, 세계가 점점 더 표준화하기 시작하고 있다는 것을 깨닫게 174 00:09:45,560 --> 00:09:47,670 기계는 어떻게 서로 왕래하다. 175 00:09:47,670 --> 00:09:50,660 우리는 CSV 또는 JSON과 같은 표준 데이터 형식을 사용합니다. 176 00:09:50,660 --> 00:09:54,320 그리고이 일이 당신을 위해 의미하면 프로그램의 흥미로운 부분을 쓸 수있다 177 00:09:54,320 --> 00:09:56,580 그 사용자가 식사 홀 메뉴를 검색 할 수 있습니다 178 00:09:56,580 --> 00:10:00,010 그 사람들이 그들에게 문자 알림을받을 수 있습니다 즐겨 찾기 목록을 만들 수 있습니다 179 00:10:00,010 --> 00:10:02,480 자신이 좋아하는 식사는 몇 D-홀에서 제공하려고 할 때 180 00:10:02,480 --> 00:10:07,090 자신의 API를 상단에 다른 사람의 데이터 세트와 건물을 사용하여. 181 00:10:07,090 --> 00:10:13,600 세미나와 여기에 온라인 가지고있는 문서의 형태로 그에 따라서 더. 182 00:10:13,600 --> 00:10:16,450 그 그럼, API는 있습니다. 183 00:10:16,450 --> 00:10:18,900 >> 그래서 HTML 우리를 다시 제공합니다. 빠른 뉴스 레터를 살펴보세요. 184 00:10:18,900 --> 00:10:22,920 HTML은 무엇입니까? 185 00:10:22,920 --> 00:10:25,000 [학생, 이해할 수없는] >> 좋아. 하이퍼 텍스트 마크 업 언어. 186 00:10:25,000 --> 00:10:31,300 다른 사람, 하이퍼 텍스트 마크 업 언어는 무엇입니까? 187 00:10:31,300 --> 00:10:37,340 하이퍼 텍스트 마크 업 언어. 188 00:10:37,340 --> 00:10:40,330 좋아요. 따라서 HTML, 하이퍼 텍스트. 189 00:10:40,330 --> 00:10:43,100 하이퍼 텍스트는 대부분의 경우, 웹을 의미합니다. 190 00:10:43,100 --> 00:10:45,730 마크 업이 실제로 프로그래밍 언어, HTML 안 것을 의미합니다. 191 00:10:45,730 --> 00:10:48,120 당신이 인치 로직을 표현할 수있는 말이 아니 잖아 192 00:10:48,120 --> 00:10:50,710 이 루프를 가지고 있지 않습니다. 이 조건이 없습니다. 193 00:10:50,710 --> 00:10:52,820 이 기능 이라기보다는이 없습니다. 194 00:10:52,820 --> 00:10:56,680 오히려, 그것은 요소, 이상 제대로, 태그라고 이런 일이 있습니다. 195 00:10:56,680 --> 00:10:59,970 그리고 이러한 요소는 시작 태그와 끝 태그가 196 00:10:59,970 --> 00:11:04,300 나 개방형 태그와 닫힌 태그는, 이러한 태그는 일반적으로 브라우저에 무엇을 의미 197 00:11:04,300 --> 00:11:09,270 거기에 예외가 있지만, 일을하고 중지합니다 뭔가를하고 시작합니다. 198 00:11:09,270 --> 00:11:12,480 가끔 그냥 예를 들어 '여기 줄 바꿈을 넣어'입니다. 199 00:11:12,480 --> 00:11:15,150 그리고 우리는, 굵게 향하고 사이에, 그 전날의 사례를 본 200 00:11:15,150 --> 00:11:17,430 줄 바꿈 한 다음 다른 태그의 몇. 201 00:11:17,430 --> 00:11:19,880 따라서 HTML 웹 페이지 작성되는 언어입니다. 202 00:11:19,880 --> 00:11:23,760 나는 Google.com과 같은 이동한다면 203 00:11:23,760 --> 00:11:26,180 그리고, 단지 자신의 홈 페이지를 당겨 204 00:11:26,180 --> 00:11:29,690 당신은 마우스 오른쪽 버튼을 클릭하거나 관리하는 경우 클릭 기억 205 00:11:29,690 --> 00:11:32,140 일반적으로,보기 페이지 소스보고 206 00:11:32,140 --> 00:11:34,420 요즘은 후드 아래에 완전한 혼란하지만, 그건 때문에 207 00:11:34,420 --> 00:11:38,170 컴퓨터는 공백 신경 쓰지 않기 때문에이 예쁘 할 필요가 없습니다. 208 00:11:38,170 --> 00:11:40,240 하지만 우리는 그 부분을 확대하면 209 00:11:40,240 --> 00:11:43,460 크롬, 그냥 멋진 것을 발견, 색상이 일을 코딩했습니다. 210 00:11:43,460 --> 00:11:48,460 사실, 우리가 웹 페이지에서 본 최초의 태그입니다. 211 00:11:48,460 --> 00:11:51,750 또, HTML 5,이 언어의 최신 버전, 212 00:11:51,750 --> 00:11:53,830 , 처음부터이 일이 없습니다 213 00:11:53,830 --> 00:11:57,820 00:12:03,580 하지만 그게 어이 세계가 여기 버전 5에서 HTML 파일을 제공,라는 표준 중 일종 이죠. 215 00:12:03,580 --> 00:12:08,920 >> 흥미로운 부분은 여기 시작합니다. 그래서 00:12:11,640 HTML 요소의 마지막. 217 00:12:11,640 --> 00:12:14,630 그 두 가지 아이들은 무엇입니까? 218 00:12:14,630 --> 00:12:17,170 잠시만 전에 문신이있는 사람처럼 머리와 몸. 219 00:12:17,170 --> 00:12:19,640 웹 페이지의 두 부분, 머리와 몸은 있는데 220 00:12:19,640 --> 00:12:23,750 그리고 리콜 후, 아마도 우리가 할 수있는 간단한 웹 페이지는 다음과 같이 표시하는. 221 00:12:23,750 --> 00:12:27,460 그리고 난 그냥 단정하고 내 코드를 정돈의 종류로 그것을 들여 쓰기 한 222 00:12:27,460 --> 00:12:30,710 하지만 여기에 정말 중요한 것은이 일에 어떤 계층이 있다는 것입니다. 223 00:12:30,710 --> 00:12:35,420 그리고 내가 열어 본 나는 폐쇄하고 있다는 한 태그는 대칭 따라서이 224 00:12:35,420 --> 00:12:38,300 제가 만든 마크 업의 모든. 225 00:12:38,300 --> 00:12:41,620 그럼 마지막으로 우리는 우리 자신의 노트북에서 웹 페이지를 작성하는 시작했다. 226 00:12:41,620 --> 00:12:45,470 나는 텍스트 편집을 열어, 난 hello.html로 파일을 저장 227 00:12:45,470 --> 00:12:50,190 그때 나는 내 브라우저에 파일을 드래그하면, 봐라, 내가 인터넷에서 페이지를했습니다. 228 00:12:50,190 --> 00:12:53,110 지금, 꽤 상황이 아니라는, 내 하드 드라이브의 페이지를 가지고, 229 00:12:53,110 --> 00:12:58,260 나는 그대로 브라우저에서 해당 웹 페이지를 볼 것입니다 세계에서 유일한 사람이었다. 230 00:12:58,260 --> 00:13:00,670 >> 오늘 그래서, 우리는 실제 웹 서버를 소개합니다 231 00:13:00,670 --> 00:13:02,750 및 개념은 실제로 인터넷에 콘텐츠를 제공 232 00:13:02,750 --> 00:13:04,970 이 모두가 함께 맞게 시작하는 방법. 233 00:13:04,970 --> 00:13:08,350 그럼 CS50 어플라이언스에 그 모든 시간을 변 234 00:13:08,350 --> 00:13:11,590 귀하의 컴퓨터에 웹 서버가 있었다. 235 00:13:11,590 --> 00:13:16,560 우리는 공평하게, 만 GDB와 같은 위해 꽝를 들어, gedit를 위해 사용한 236 00:13:16,560 --> 00:13:21,000 뿐만 아니라 웹 서버는있는 어플라이언스에 우리가 설치 한 237 00:13:21,000 --> 00:13:23,940 그리고 웹 서버는 오픈 소스 무료는 .. 238 00:13:23,940 --> 00:13:26,580 세계에서 가장 인기있는 것들 중 하나는, 아파치를했다. 239 00:13:26,580 --> 00:13:31,340 의 자세한 기술 이름은 아파치이며, D, 여기서 데몬에 대한 것 240 00:13:31,340 --> 00:13:34,110 이는 서버에 대한 기술적 인 단어입니다. 241 00:13:34,110 --> 00:13:38,690 그래서 CS50 기기에 설치하면 웹 서버이며, 그게 무슨 뜻 이죠? 242 00:13:38,690 --> 00:13:43,740 음, 웹 서버는 개념적, 웹 콘텐츠를 제공하는 인터넷의 일부 서버입니다. 243 00:13:43,740 --> 00:13:48,630 파일을 요청하면 해당 파일을 작성할 HTML, 그리고 여기에도을 침을 뱉. 244 00:13:48,630 --> 00:13:51,370 당신은 어떤 웹 사이트의 홈 페이지를 참조하십시오. 245 00:13:51,370 --> 00:13:54,970 그러나 서버는 더 정확하게, 소프트웨어의 조각입니다. 246 00:13:54,970 --> 00:13:59,190 그것은 물리적 시스템에 있어야 할 필요는 없습니다, 그냥 소프트웨어 실행의 한 부분이어야합니다. 247 00:13:59,190 --> 00:14:01,980 따라서 CS50 어플라이언스는 물론, 소프트웨어의 조각입니다 248 00:14:01,980 --> 00:14:04,270 비록이 기계 척의 일종 이죠. 249 00:14:04,270 --> 00:14:06,960 그것은 컴퓨터의 컴퓨터 내부 척이야 250 00:14:06,960 --> 00:14:11,140 하지만 단지 어플라이언스가 확실히 웹 서버 등을 실행할 수 있다는 것을 의미합니다. 251 00:14:11,140 --> 00:14:13,260 사실은 전자 우편 서버를 실행할 수 있습니다. 252 00:14:13,260 --> 00:14:16,440 우리가 원한다면 우리는 어플라이언스에 인스턴트 메시징 서버를 실행할 수 253 00:14:16,440 --> 00:14:20,780 그리고 실제로, 우리는 데이터베이스 서버로 알려진 서버의 다른 유형, MySQL을 실행 않습니다. 254 00:14:20,780 --> 00:14:22,620 그 다음 주에하지만 더. 255 00:14:22,620 --> 00:14:26,400 이것은 내가 실제로 웹 페이지를 방문 할 수 있다는 것을 의미 256 00:14:26,400 --> 00:14:30,480 어플라이언스에서 내부 브라우저를 사용하여 내 기기의 내부 257 00:14:30,480 --> 00:14:33,600 심지어 내 자신의 노트북에, 내 맥 또는 PC. 258 00:14:33,600 --> 00:14:37,780 그래서이 무엇을 의미합니까? 그것은 언제든지 당신이 리눅스 컴퓨터를 실행하는 것이 밝혀 259 00:14:37,780 --> 00:14:40,910 그 별명은 "로컬 호스트"입니다. 260 00:14:40,910 --> 00:14:43,370 우리가 도메인 이름을 구입하지 않았기 때문에이 도메인 이름이 없습니다 261 00:14:43,370 --> 00:14:46,590 어플라이언스의 같은에 대한 것이므로, 기본 이름은 로컬 호스트입니다. 262 00:14:46,590 --> 00:14:50,470 >> 그러나 위해 웹 페이지를 검색을 제공하기 시작하려면 어플라이언스를 받아 263 00:14:50,470 --> 00:14:52,270 우리가 처음을 만들어야합니다. 264 00:14:52,270 --> 00:14:55,200 그럼 그렇게 해주세요. 내가 여기서 터미널 창으로 가자 265 00:14:55,200 --> 00:14:58,190 그리고 내 전형적인 존 하버드 프롬프트에있어 사실을 알아야한다. 266 00:14:58,190 --> 00:15:01,670 내가 가서인가요를 입력, 우리는 이번 학기에서 일부 익숙한 일을 볼 수 보자 267 00:15:01,670 --> 00:15:04,580 등등 바탕 화면, 다운로드, 보관하고, 268 00:15:04,580 --> 00:15:07,540 지금 우리는 부부에 우리의 관심을 돌려 시작합니다. 269 00:15:07,540 --> 00:15:11,530 많은 리눅스 웹 서버에 공개 HTML이라는 폴더가있다 270 00:15:11,530 --> 00:15:15,630 하지만 지금은 그 모습을 건너 뛰고이, vhosts에 초점을거야. 271 00:15:15,630 --> 00:15:18,850 누구나 vhost가 뭔지 알아? 272 00:15:18,850 --> 00:15:21,110 가상 호스트에 대한 어리석은 전문 용어, 273 00:15:21,110 --> 00:15:23,850 과 의미는 그 전형적인 서버에 274 00:15:23,850 --> 00:15:26,810 당신은 실제로 여러 웹 사이트를 호스팅 할 수 있습니다. 275 00:15:26,810 --> 00:15:31,500 당신은 foo.com과 같은 도메인 이름을 구입할 수 있습니다, 당신은 서버에 호스팅 할 수 있습니다. 276 00:15:31,500 --> 00:15:36,100 뿐만 아니라 bar.com을 구입하고 같은 서버에 호스팅 할 수 있습니다. 277 00:15:36,100 --> 00:15:40,250 되는 이유는, 브라우저는 서버를 알려만큼 똑똑 278 00:15:40,250 --> 00:15:45,880 사용자가 어떤 웹 페이지를 요청하는 경우, 어떻게 도메인 이름은 사용자의 홈페이지를하려고합니다. 279 00:15:45,880 --> 00:15:48,760 그래서 이것에 대해 좋은 것은 하나 물리적 서버가 필요하지 않습니다된다 280 00:15:48,760 --> 00:15:52,040 또는 모든 웹 사이트에 대해 하나의 CS50 어플라이언스는 생성 할 수 있습니다. 281 00:15:52,040 --> 00:15:55,520 당신은 같은 서버를 사용하여 수백 개의 다른 웹 사이트를 개발할 수 있습니다. 282 00:15:55,520 --> 00:15:58,770 그리고 실제로, 당신은 웹 사이트를 시작하는 사람의 경우 283 00:15:58,770 --> 00:16:02,100 재미 또는 비즈니스에 대한 여부, 일반적으로 당신은 인터넷에서 알아 갈거야 284 00:16:02,100 --> 00:16:04,650 그리고 당신의 말은 100 달러 한 달, 한 달에 한 사람이 10 달러 지불 285 00:16:04,650 --> 00:16:06,670 당신의 웹 사이트를 호스팅합니다. 286 00:16:06,670 --> 00:16:11,060 그리고 작동 방법은 사람들이 다른 사람을 충전이됩니다 287 00:16:11,060 --> 00:16:13,160 10 달러 한달 수백 달러 달 288 00:16:13,160 --> 00:16:17,200 자신의 동일한 서버에 다른 사람의 웹 사이트를 호스팅 할 수 있습니다. 289 00:16:17,200 --> 00:16:20,740 그들이 할 수있는 이유는, 때문에 bhosts라는이 기능입니다 290 00:16:20,740 --> 00:16:23,790 하지만 최종 프로젝트에 시간을 때 그에 대한 자세한. 291 00:16:23,790 --> 00:16:28,360 >> 지금은, 그냥 거기에 뛰어 보자. CD의 vhosts, 그리고 그렇다면 난 지금인가요를 입력 292 00:16:28,360 --> 00:16:31,370 로컬 호스트라는 이름의 폴더가 있는지 확인합니다. 293 00:16:31,370 --> 00:16:33,440 그 때문에, 기본적으로 어플라이언스의 수치입니다 294 00:16:33,440 --> 00:16:36,160 혹시 기기에서 하나의 웹 사이트를 실행하는거야. 295 00:16:36,160 --> 00:16:38,970 이건 정말 현실 세계가 아니라 실제 웹 서버 아닙니다. 296 00:16:38,970 --> 00:16:41,690 그럼 내가 로컬 호스트로 보내, 이제 우리는 거기에 표시됩니다 297 00:16:41,690 --> 00:16:44,290 마지막 디렉토리는 HTML을했다. 298 00:16:44,290 --> 00:16:47,080 그래서 계층 구조, 조금 깊은이지만, 오면 299 00:16:47,080 --> 00:16:51,230 당신은 다음 N 개의 달 또는 몇 년 동안 여러 웹 사이트 개발을 시작하기로 결정, 300 00:16:51,230 --> 00:16:54,370 폴더 구조의이 종류가 도움이 될 경향이있다. 301 00:16:54,370 --> 00:16:56,560 지금 방금 식으로 HTML로 가자고하면, 302 00:16:56,560 --> 00:16:59,010 형인가요, 그리고 아무것도가 없습니다. 303 00:16:59,010 --> 00:17:01,390 그래서 지금의이 가서이 해주세요. 내가 크롬을 열어 보자 304 00:17:01,390 --> 00:17:07,300 어플라이언스의 내부, 그리고 나 http://localhost를로 이동 보자. 305 00:17:07,300 --> 00:17:14,440 그대로 내 어플라이언스에 대한 이름 입력하고 I는 /의 인덱스를 얻을. 306 00:17:14,440 --> 00:17:18,290 이건 정말 나에게 관심 있는게 표시되지 않습니다 307 00:17:18,290 --> 00:17:23,400 하지만 우리가보고있는 것은 해당 폴더, HTML입니다 밝혀졌다. 308 00:17:23,400 --> 00:17:25,770 그 폴더 안에 아무것도, 지금은 없습니다 309 00:17:25,770 --> 00:17:28,750 그래서 대신 내가해야 할 할게 먼저 파일을 만들 수 있습니다. 310 00:17:28,750 --> 00:17:33,530 우리가 월요일에 그랬던 것처럼 HTML 파일을 생성하지만, 이번에는 기기의 내부에 넣어. 311 00:17:33,530 --> 00:17:36,830 지금은 노트북과 함께 수행하려는 분들을 위해, 312 00:17:36,830 --> 00:17:42,040 , 내가 웹 기반 pset에서 설명됩니다 제쳐 하나를 수행하게 313 00:17:42,040 --> 00:17:44,280 하지만 얻기 위해서이는 난생 처음 일을하는 314 00:17:44,280 --> 00:17:49,830 는 sudo 서비스 아파치 시작 : 당신이이 명령을 실행해야 할거야. 315 00:17:49,830 --> 00:17:52,670 그리고 이것은 다시, 마지막 pset에 반복됩니다 316 00:17:52,670 --> 00:17:55,460 하지만 당신이 집에서 함께 연주하는 경우, 웹 서버 317 00:17:55,460 --> 00:17:58,660 어플라이언스에 해제, 그는 RAM을 SAP하지 않도록 있는거야 318 00:17:58,660 --> 00:18:01,960 그리고 우리가 학기 중에 칠주에 대한 메모리를 필요로하지 않을 때. 319 00:18:01,960 --> 00:18:05,190 그래서 한 번이 명령을 실행해야하고, 그와 같은 출력을 얻을 수 있습니다. 320 00:18:05,190 --> 00:18:07,920 그럼 당신은 여기 함께 연주 할 수 있어야합니다. 321 00:18:07,920 --> 00:18:10,330 지금의이 폴더로 돌아 가자. 322 00:18:10,330 --> 00:18:12,770 이 폴더가 비어, 그럼 내가 파일을 만들기를 시작합시다 323 00:18:12,770 --> 00:18:16,360 gedit hello.html. 324 00:18:16,360 --> 00:18:20,930 >> 괜찮아요. Gedit 늘 그렇듯, 운영합니다. 내가 DOCTYPE HTML을,하자 325 00:18:20,930 --> 00:18:25,270 HTML, 제가 앞서 자신의하고 사전에 내 태그를 종료 해. 326 00:18:25,270 --> 00:18:28,380 지금은 머리를 수 있습니다. , 제가​​ 가서 머리를 가까이 327 00:18:28,380 --> 00:18:32,450 내가 지금 페이지의 제목을하자, 안녕하세요 지난번처럼 세계, 328 00:18:32,450 --> 00:18:34,790 가까운 제목은 지금 저 몸을 해주세요. 329 00:18:34,790 --> 00:18:38,130 여기에 좀 exclams으로 인사 세계를 말씀 드리죠 330 00:18:38,130 --> 00:18:40,550 는 다른 문자열입니다 명확하게하고. 331 00:18:40,550 --> 00:18:45,800 닫기 몸, 이제 내가 가서 파일 저장 보자. 332 00:18:45,800 --> 00:18:48,470 내 터미널 창으로 돌아 가자, 내가인가요를 입력하면, 333 00:18:48,470 --> 00:18:51,830 내 말은, 아마도, hello.html를 볼 수 있습니다. 그리고 마십시오. 334 00:18:51,830 --> 00:18:55,070 그래서 지금은 다시 브라우저로 돌아가 보자, 새로 고침을 클릭 335 00:18:55,070 --> 00:18:58,930 당신은 우리가 내부에 HTML 폴더의 참 확인할 수 있습니다. 336 00:18:58,930 --> 00:19:02,310 아직 웹 페이지를 확인할 수 없습니다,이 아파치 웹 서버, 337 00:19:02,310 --> 00:19:04,670 나에게이 디렉토리 목록의 내용을 보여주고 있습니다. 338 00:19:04,670 --> 00:19:08,260 그냥 맥 OS 또는 Windows처럼 일반적으로 자신의 로컬 하드 드라이브에 할 것입니다. 339 00:19:08,260 --> 00:19:12,730 난이 웹 페이지를 참고하고 싶다면, 여기이 작은 링크, hello.html을 클릭 할 수 있습니다 340 00:19:12,730 --> 00:19:15,160 그리고 실제로, 나는 그보고 기대했던거야. 341 00:19:15,160 --> 00:19:18,080 자, 다시,이, 당신의 지금 방문 할 수있는 URL이 아닙니다 342 00:19:18,080 --> 00:19:20,760 때문에 당신을 위해, 로컬 호스트, 여기에 노트북이있는 경우 343 00:19:20,760 --> 00:19:23,050 이 어플라이언스의 자신의 인스턴스를 참조합니다. 344 00:19:23,050 --> 00:19:25,900 이것은 내 자신의 기기에 345 00:19:25,900 --> 00:19:29,080 하지만이되어, 내가해야 할 바보 같은 거 346 00:19:29,080 --> 00:19:34,480 저 같은 사용자는 실제로이 페이지의 내용을 볼 수 hello.html을 클릭하십시오. 347 00:19:34,480 --> 00:19:42,590 그것은 아파치 같은 웹 서버가 어떤 웹 서버에 대한 기본 파일이하도록하는 것이 밝혀졌다. 348 00:19:42,590 --> 00:19:44,640 우리가 hello.html이 있어요 확인할 수 있습니다. 349 00:19:44,640 --> 00:19:48,410 파일의 이름을 바꾸려면 리눅스의 명령은 무엇입니까? 350 00:19:48,410 --> 00:19:50,870 >> MV, 이동하십시오. 그럼, 그렇게 해 351 00:19:50,870 --> 00:19:55,870 이 날 index.html에 hello.html의 이름을 바꾸 보자. 352 00:19:55,870 --> 00:19:58,610 내가 그것을 지금 이름이 된 확인하려면인가요를 입력 보자. 353 00:19:58,610 --> 00:20:03,250 지금이로 가고 - 내가 로컬 호스트로 돌아가 경우, 354 00:20:03,250 --> 00:20:06,710 나는 자동으로 웹 페이지를 표시한다는 지금 확인합니다. 355 00:20:06,710 --> 00:20:11,740 여기가 내 실제 일 / index.html과 동일합니다 356 00:20:11,740 --> 00:20:14,740 하지만 좋은 점은 이제 웹 서버가 미래에 대해서 있다는 것입니다 357 00:20:14,740 --> 00:20:18,830 해당 파일이 있으면 오, 인간의 컨벤션으로, index.html이라고합니다 358 00:20:18,830 --> 00:20:21,200 기본적으로 제가 사용자를 보여주지 그 파일 359 00:20:21,200 --> 00:20:25,290 오히려 바보 같은 디렉토리 목록보다 한 사용자 친화적 전혀 없습니다. 360 00:20:25,290 --> 00:20:28,900 사실, 당신이 인터넷에 방문 대부분의 웹 사이트는 클릭 할 파일의 목록을 필요가 없습니다 361 00:20:28,900 --> 00:20:34,040 그들은 당신에게 내용을 보여줍니다. 그게 우리가 index.html, 그렇게 할 수있는 방법입니다. 362 00:20:34,040 --> 00:20:37,000 그래서이 재미 있고 좋은 모든이지만,이 아름다운 간단한 웹 페이지입니다. 363 00:20:37,000 --> 00:20:41,640 내가 가서 내 vhosts에 index.html을 열어 보자, 364 00:20:41,640 --> 00:20:47,620 지역 호스트, HTML 디렉토리, 그리고하자 더 큰 관심 뭔가를 추가 할 수 있습니다. 365 00:20:47,620 --> 00:20:56,120 그럼 여러분, 안녕하세요있어,이, 하버드 대학의 CS50은 '말 대신 봅시다. . . ' 366 00:20:56,120 --> 00:21:00,000 그래서 일종의 과정 카탈로그 설명의 시작. 367 00:21:00,000 --> 00:21:03,780 제가 새로 고침하면 지금, 난 내 집이 페이지에서이 작업을 볼 수 있습니다. 368 00:21:03,780 --> 00:21:09,560 좋아요, 제가 그렇게 볼 수 있지만, 지금은이 파일에 좀 더 내용을 나열 할 가정 않습니다. 369 00:21:09,560 --> 00:21:15,160 난 여기 내려 가서없고 말 사전 요구 사항 한테 아무 수 370 00:21:15,160 --> 00:21:18,740 여러분 중 일부는 아마 좋아이지만, '하, 하, 하, 전제.' 371 00:21:18,740 --> 00:21:24,320 그러나 - 공식적으로. 그래서 새로 고침, 이제 우리가 마지막으로 본 것과 같은 특질을 갖추고 있습니다. 372 00:21:24,320 --> 00:21:26,240 그러나 이유는? 그것은 간단한 수정했습니다. 373 00:21:26,240 --> 00:21:31,440 왜이 페이지는 고장입니까? 374 00:21:31,440 --> 00:21:34,170 [학생이 이해할 수없는] >> 네, 우리는 전에 해결했습니다 375 00:21:34,170 --> 00:21:37,440 명시 적으로 말하여 브라우저 '는 여기에 줄 바꿈을 넣어.' 376 00:21:37,440 --> 00:21:39,440 그리고 그 때문에, 다시 브라우저는 할거야 것 같아 377 00:21:39,440 --> 00:21:42,610 명시 적으로 어떤 마크 업 언어가 할을 알려줍니다, 378 00:21:42,610 --> 00:21:45,730 당신이 도달 한 수는 없었지만, 그래서 한 두 번 또는 열 번 입력 379 00:21:45,730 --> 00:21:49,870 그냥 관례 상, 모든 단일 공간으로 그런 결합거야. 380 00:21:49,870 --> 00:21:52,770 당신이 정말로 줄 바꿈을하고 싶다면, 당신은 BR 태그를 사용해야합니다 381 00:21:52,770 --> 00:21:56,840 지금 공지는 월요일처럼,이 태그의 / 안에두면 382 00:21:56,840 --> 00:22:00,090 이 느낌이 바로되지 않습니다 만하기 때문에 383 00:22:00,090 --> 00:22:02,990 줄 바꿈을 시작하는 것은 다음 사이에 아무것도를 중지합니다. 384 00:22:02,990 --> 00:22:07,740 >> 따라서 HTML에 국제 대회가 동시에 태그를 열고 닫 것입니다. 385 00:22:07,740 --> 00:22:11,050 옆으로, 그렇게 일을 안 책에 웹 사이트의 많은이 표시됩니다. 386 00:22:11,050 --> 00:22:14,240 그것은 할 또는 그렇게하지 ​​정확하지만, 우리는 논쟁하는 겁니다 387 00:22:14,240 --> 00:22:17,430 그 디자인 현명하고 stylistically, 이거 더 있습니다 388 00:22:17,430 --> 00:22:20,540 그리고 모든 태그는 모두 어떻게 든 열리고 닫혀 때문입니다. 389 00:22:20,540 --> 00:22:23,370 그래서 지금의 저장 및로드 보자. 좋아, 브라우저에 돌아갑니다. 390 00:22:23,370 --> 00:22:26,680 이제 우리는 진전이 있지만, 매우 충분하지입니다. 391 00:22:26,680 --> 00:22:33,210 가 진행과 텍스트의 일부 이상 본문에 입력을 시작하자. 392 00:22:33,210 --> 00:22:40,610 그럼 말을하자, 'A 빠른 갈색 여우가 게으른 개를 통해 이동합니다.' 393 00:22:40,610 --> 00:22:42,700 그리고 지금 방금 몇 번 복사하여 붙여 넣기 해 394 00:22:42,700 --> 00:22:45,040 우리가 텍스트의 단락을 의미합니다. 395 00:22:45,040 --> 00:22:47,780 내가 여기 돌아 가자. 그런데 매우 좋지 않아. 396 00:22:47,780 --> 00:22:50,000 , 난 줄 바꿈을해야합니까, 그래서 괜찮아요 397 00:22:50,000 --> 00:22:52,140 지금, 우리는 웹 페이지를 갖는 지점으로지고있어 398 00:22:52,140 --> 00:22:55,640 즉, HTML 증명할 내용이 많이 불과 하나도 라인이 399 00:22:55,640 --> 00:22:58,570 우리는 실제 단락 이러한 것들을 생각을 시작할 수 있습니다. 400 00:22:58,570 --> 00:23:01,590 그리고 우리는 좀 더 깔끔하게 웹 페이지를 구성을 시작할 수 있습니다. 401 00:23:01,590 --> 00:23:05,120 그리고 사실, 내가 할 수있는 것은 내 몸이 태그의 내부에 여기에 가서이며, 402 00:23:05,120 --> 00:23:09,400 당신은 어떤 것이 '이 CS50 경우 알아요. . . ' 정말, 단락의 시작을 demarks 403 00:23:09,400 --> 00:23:11,310 음,이 같은 태그를 보자. 404 00:23:11,310 --> 00:23:13,570 단지 관례 상, 나 텍스트를 들여 보자,라고 말씀 드려야 405 00:23:13,570 --> 00:23:15,710 이 단락은 여기서 끝날 것을, 406 00:23:15,710 --> 00:23:18,320 그리고보다는이 줄 바꿈, 제가 말을하게하려면 어떻게해야합니까 407 00:23:18,320 --> 00:23:23,300 이, 저기 새 단락으로 속해 408 00:23:23,300 --> 00:23:27,610 그래서 난 그냥 신속하게이 물건을 모두 clobbering으로 들여 쓰기됩니다. 409 00:23:27,610 --> 00:23:30,660 >> 이제 우리는이 들여 쓰기 단락을 가지고 410 00:23:30,660 --> 00:23:33,510 지금 우리 마크 업이 좀 더 많은 정보를 얻을 시작 411 00:23:33,510 --> 00:23:37,070 우리가 뭘 하려는지과 의미 적으로 일치. 412 00:23:37,070 --> 00:23:40,130 우리는 단락을 가지고 그러니, P 태그와 단락이라고 불러. 413 00:23:40,130 --> 00:23:43,370 우리는 두 번째 단락을 가지고 그러니, P 태그와 단락이라고 불러. 414 00:23:43,370 --> 00:23:45,850 이제, 브라우저는 일반적으로 무엇을 할 것입니다 415 00:23:45,850 --> 00:23:48,490 단지 영어 책이나 에세이처럼되고, 416 00:23:48,490 --> 00:23:51,280 어디 일반적으로 단락 사이의 줄 바꿈을 참조하십시오. 417 00:23:51,280 --> 00:23:53,720 브라우저는 자동으로 그렇게 할 것입니다. 418 00:23:53,720 --> 00:23:56,680 이제 우리는 두 단락을 가지고 우리는이를 계속할 수 있습니다. 419 00:23:56,680 --> 00:23:58,770 이 메시지의 몸을 가지고 있지만, 물론, 웹에서 때, 420 00:23:58,770 --> 00:24:01,370 그것은 일반적으로 텍스트 중 큰 모양 없습니다. 421 00:24:01,370 --> 00:24:04,040 거기에 하이퍼 링크가있을 수 있습니다. 422 00:24:04,040 --> 00:24:07,250 우리가하고 싶은 경우, 예를 들어, 거기에 몇 가지 링크를 포함 423 00:24:07,250 --> 00:24:10,760 여기서 만들려고 웹 페이지가 뭐든간에에 관심이있을 수 있습니다 어떤 가정 - 424 00:24:10,760 --> 00:24:12,780 , 제가​​ Google.com으로 가자 425 00:24:12,780 --> 00:24:16,540 이 날 빠른 갈색 여우를 검색 보자. 426 00:24:16,540 --> 00:24:22,150 구글 이미지, 그리고 방법에 대한 이동 -이 귀엽다. 427 00:24:22,150 --> 00:24:27,420 우리는이 같이 갈 수 있습니다. 그래서 여기에 우리가 게으른 개 이상 빠른 갈색 여우 점프가 있습니다. 428 00:24:27,420 --> 00:24:30,560 그래서 난 그냥 데모를 위해서, 여기서 뭘 할 거예요, 429 00:24:30,560 --> 00:24:32,950 이 이미지는 내 서버에 있다고 가정합니다 430 00:24:32,950 --> 00:24:35,240 그리고 이러한 이미지를 만들어 왔습니다. 431 00:24:35,240 --> 00:24:38,720 난 그냥 오른쪽 클릭하거나, 이미지를 클릭하여 제어 된 무엇입니까 432 00:24:38,720 --> 00:24:42,370 그리고 만약 당신이 대부분의 브라우저에서 볼 수 있습니다하는 것은 약간의 메뉴입니다 - 433 00:24:42,370 --> 00:24:48,800 그 일을 중단 - 당신이 링크 위치 복사 또는 복사 URL을 선택 할 수있는 작은 메뉴를 선택합니다. 434 00:24:48,800 --> 00:24:52,750 그래서 내 HTML에 지금 돌아가, 내가 원하는 가정하자 435 00:24:52,750 --> 00:24:56,420 다른 웹 페이지로 하이퍼 링크이 있습니다. 436 00:24:56,420 --> 00:24:58,640 >> 그것 때문에라는 태그는 무엇입니까? 437 00:24:58,640 --> 00:25:01,650 [학생, 이해할 수없는] >> 그래. 하이퍼 참조 할 수 있도록 HREF 그럼. 438 00:25:01,650 --> 00:25:04,660 내가 가서 붙여 넣기하자 인치 그 439 00:25:04,660 --> 00:25:07,290 가 너무 긴 URL, 그러니까 날 돌아 축소 보자. 440 00:25:07,290 --> 00:25:09,950 닫기 괄호, 그래서 지금은 여기에 방법 구 발견 441 00:25:09,950 --> 00:25:11,960 해당 URL은 꽤 긴 것 일 때문이다. 442 00:25:11,960 --> 00:25:15,180 , 제가​​ 빠른 갈색 여우의 끝으로 여기에 스크롤하자 443 00:25:15,180 --> 00:25:18,830 그리고, 제가 00:25:21,280 나는 단지 태그의 이름을 폐쇄 곳. 445 00:25:21,280 --> 00:25:24,470 지금 내가 진행하고 파일을 저장, 웹 페이지를 다시로드 해, 446 00:25:24,470 --> 00:25:27,880 지금 기본적으로, 그 날 위해 파란색으로 밑줄이 될거야 447 00:25:27,880 --> 00:25:31,980 하지만 사실은, 지금 그리고 여기에도을 클릭 할 수 있습니다. 그 이미지가 있습니다. 448 00:25:31,980 --> 00:25:33,990 그리고 이미지를 할 필요는 없었어요, 그것은 연결 수 449 00:25:33,990 --> 00:25:36,270 인터넷에서 다른 임의의 웹 사이트에. 450 00:25:36,270 --> 00:25:39,610 여기 마지막 예를 들어 있으므로, CS50과 함께 예를 들어,이 기능을 할 수 있어요. 451 00:25:39,610 --> 00:25:42,730 '이 CS50 것은', HREF 이동 효과적 일 수 = 452 00:25:42,730 --> 00:25:50,340 http://www.cs50.net 가까이 견적 가까이 앵커. 453 00:25:50,340 --> 00:25:53,990 이제 그도 짧아 URL, 우리는 이미지에 링크 할 수 없어이 시간이다. 454 00:25:53,990 --> 00:25:57,880 우리는 대신 다른 페이지로 연결하는거야. 455 00:25:57,880 --> 00:25:59,840 이제, 우리는 여기에 이​​미지가 있습니다. 456 00:25:59,840 --> 00:26:02,970 우리가 이미지에 연결보다 조금 더 잘할 수있을 것 같아. 457 00:26:02,970 --> 00:26:05,760 우리가 실제로 우리 자신의 웹 페이지에 구현시키고 자한다면 어떻게해야 할까? 458 00:26:05,760 --> 00:26:09,290 >> 음, 내가 여기서 할 수있는 것이 아니라이 그래픽에 링크보다이며, 459 00:26:09,290 --> 00:26:14,690 나를 대신 URL을 잘라, 우리는 그 하이퍼 링크를 제거하고이 일을 청소할거야 보자. 460 00:26:14,690 --> 00:26:17,190 그리고 우리가 여기 가서이 제거됩니다. 461 00:26:17,190 --> 00:26:20,910 지금 우리가 모든 문장을 정말 필요하지 않습니다, 그러니 내가 페이지에게 조금 단축 보자. 462 00:26:20,910 --> 00:26:24,530 그리고 여기, 내가 새 단락에 앞서 가자 463 00:26:24,530 --> 00:26:30,100 지금 텍스트를하지 않아, 누구의 소스 해당 URL 될 것입니다 이미지를 싶습니다. 464 00:26:30,100 --> 00:26:33,100 이미지는 줄 바꿈처럼, 하나가 아니면 없습니다. 465 00:26:33,100 --> 00:26:35,900 그래서 나는 즉시 해당 태그를 닫습니다 보자. 466 00:26:35,900 --> 00:26:39,440 내가 지금 가서 내가 감옥에있는 단락을 닫습니다 보자 467 00:26:39,440 --> 00:26:43,010 모두가, 세계, 안녕과 잘 어울리는면 난 지금 다시로드하는 경우 468 00:26:43,010 --> 00:26:45,520 나는 사실은, 바로 내 자신의 웹 페이지 안에 이미지를 참조하십시오. 469 00:26:45,520 --> 00:26:48,570 이제 우리는 이미지 태그, 앵커 태그와 같은이 470 00:26:48,570 --> 00:26:51,320 좋은 측정을 위해, 제가 종종 방치 해 뒀 잖아 다른 일을하게 471 00:26:51,320 --> 00:26:55,900 웹 사이트에서 이러한 일 :의이 이미지에 대한 몇 가지 설명 텍스트를 제공하자 472 00:26:55,900 --> 00:26:58,090 모바일 장치에있는 사람들을위한 473 00:26:58,090 --> 00:27:00,640 따라서, 매우 빨리 이미지를 다운로드하지 못할 수 있습니다 474 00:27:00,640 --> 00:27:03,310 맹인과 이미지를 볼 수 없을 수도 있습니다 사람들을위한 475 00:27:03,310 --> 00:27:06,480 하지만이 이미지의 무엇을 말할 수있는 스크린 리더를해야 할 수도 있습니다. 476 00:27:06,480 --> 00:27:09,100 그리고 그 일을 할, 이미지 태그에 대한 다른 속성이 있습니다 477 00:27:09,100 --> 00:27:11,290 대체 텍스트를 들어, Alt를했다. 478 00:27:11,290 --> 00:27:14,650 그리고 내가 여기서 할 수있는 것은 '이 빠른 갈색 여우입니다.'떠는 것 뿐이 479 00:27:14,650 --> 00:27:17,650 따라서 인간이 화면에 이미지를 볼 수 없습니다 경우에도 즉, 480 00:27:17,650 --> 00:27:20,560 그 또는 그녀는 적어도 소프트웨어의 일부 조각과 마찬가지로,들을 수 481 00:27:20,560 --> 00:27:23,080 실제로 화면에 거기에 무슨 있습니다. 482 00:27:23,080 --> 00:27:25,040 >> 즉, 페이지의 미학을 변경되지 않습니다 483 00:27:25,040 --> 00:27:27,640 하지만 확실히 사용자를위한 좋은 연습입니다. 484 00:27:27,640 --> 00:27:31,760 좋아, 우리의 현재 형태로이 웹 페이지를 남겨하게 485 00:27:31,760 --> 00:27:33,890 하지만 지금 소개 할 수 있는지 보자고 486 00:27:33,890 --> 00:27:36,210 이 웹 페이지를 작성하는 몇 가지 더 나은 접근 방법 487 00:27:36,210 --> 00:27:39,980 물론 우리의 페이지 점점 더 복잡한 얻을 우리를 제공 할 일부 수업. 488 00:27:39,980 --> 00:27:42,220 우리는 앞으로 몇 주 동안하지 않을 거라 어떻게 489 00:27:42,220 --> 00:27:46,810 이 있다는 것을 수십 HTML 태그의 모든 과정을 거리에 있습니다. 490 00:27:46,810 --> 00:27:49,800 대부분 주 0에 다시 처음처럼, 아마 충분할 것 491 00:27:49,800 --> 00:27:52,120 개념의 일부에 대한 높은 수준의 개요를 제공하려면, 492 00:27:52,120 --> 00:27:54,530 아마 수 있었던 블록의 일부의 빠른 투어, 493 00:27:54,530 --> 00:27:58,240 아주 편안하게, 자신에 다양한 퍼즐 조각을 이동합니다. 494 00:27:58,240 --> 00:28:00,460 그리고 그 대부분 HTML, 다시 일어날거야, 495 00:28:00,460 --> 00:28:04,320 충분한 자원을 우리가에서 당신을 가리 거라고 웹에이된다하면, 496 00:28:04,320 --> 00:28:06,920 다양한 교과서가 교과서를 읽을 선호하는 경우, 497 00:28:06,920 --> 00:28:10,560 즉, 당신은 HTML로 할 수있는 여러 가지의 모든 과정을 안내합니다 498 00:28:10,560 --> 00:28:16,100 하지만 정말, 우리는 HTML에서 지금까지 기본적인 개념의 대부분을 보았다. 499 00:28:16,100 --> 00:28:19,900 우리가 오픈되는 태그의 개념을 가지고있어, 태그는 폐쇄된다. 500 00:28:19,900 --> 00:28:22,100 열리고 닫힌 모두 일부 태그 501 00:28:22,100 --> 00:28:24,620 사람들이 비어 있다는 점에서, 그 내부에 아무 것도 없어야합니다 502 00:28:24,620 --> 00:28:27,490 이미지 태그 또는 없습니다 줄 바꿈 같은. 503 00:28:27,490 --> 00:28:32,330 우리는 또한 대체 또는 소스 같은 속성의 개념을 이미 보았다. 504 00:28:32,330 --> 00:28:36,410 이 단어 경향 통지서, 컨벤션하여 짧고 간결하게합니다. 505 00:28:36,410 --> 00:28:39,140 >> 우리는 이런 것들을 호출 무엇으로 판단이 없습니다 506 00:28:39,140 --> 00:28:42,060 HTML을 발명 다른 사람이 이름을 찾았어요. 507 00:28:42,060 --> 00:28:44,710 그래서 당신은 단지 당신이 그들을 필요하는 시간을 모르거나, 조회 할 시작해야 508 00:28:44,710 --> 00:28:47,160 이름은 이러한 태그와 속성 무슨 일 수 있습니다. 509 00:28:47,160 --> 00:28:49,510 이러한 특성의 경우, 일반적으로 속성 510 00:28:49,510 --> 00:28:52,900 일부 태그의 동작을 수정합니다. 511 00:28:52,900 --> 00:28:55,710 이 경우, 소스 속성은 이미지 태그를 알려줍니다 512 00:28:55,710 --> 00:28:57,940 이미지의 소스가 될 것이 무엇인지. 513 00:28:57,940 --> 00:29:04,460 href 속성은 실제로에 연결해야하는지 앵커 태그를 알려줍니다. 514 00:29:04,460 --> 00:29:06,800 하지만 웹 페이지의 구조의 관점에서, 비록 페이스 북 515 00:29:06,800 --> 00:29:09,680 Google 및 완벽한 엉망처럼 같은 모습 516 00:29:09,680 --> 00:29:12,560 당신이 읽어 시작하면 먼저 눈에 후드, 아래에 517 00:29:12,560 --> 00:29:16,950 더 methodically, 그들 모두는이 기본, 기본 구조를 따릅니다. 518 00:29:16,950 --> 00:29:19,660 그러나 우리는이 일의 어떤 양식에 일치시키는 것을 향상시킬 수 있습니다. 519 00:29:19,660 --> 00:29:24,180 그래서 내가 사전에 준비하는 몇 가지 예에 가자. 520 00:29:24,180 --> 00:29:27,280 내가 가서 여기 다른 폴더에서 파일을 복사하자 521 00:29:27,280 --> 00:29:29,380 이 디렉토리에 넣어 두 었어요. 522 00:29:29,380 --> 00:29:32,210 사전에, 제가 한일은 몇 파일을 준비했습니다 : 523 00:29:32,210 --> 00:29:35,670 sea​​rch0, search1, search2, 그리고 search3 및 4. 524 00:29:35,670 --> 00:29:38,740 내가 가서 해당 파일의 처음을 열어 보자, 525 00:29:38,740 --> 00:29:42,570 우리는 우리 자신의 검색 엔진을 만들하기 시작 할 수없는 경우 보자. 526 00:29:42,570 --> 00:29:46,530 이 파일의 상단에 같은 의견들 뿐이 수업에 보통 경우가 있습니다. 527 00:29:46,530 --> 00:29:49,760 HTML에서,하지만 수단도 당신은 코멘트를 시작하는으로 528 00:29:49,760 --> 00:29:55,640 ! <야 - 그 안에 주석, 여러 줄 코멘트하고 있습니다. 529 00:29:55,640 --> 00:29:59,800 해당 댓글을 중지 할 준비가되면, 당신은 할 수 -> 있습니다. 530 00:29:59,800 --> 00:30:02,380 따라서 파란색의 상단에있는 모든것이 코멘트입니다. 531 00:30:02,380 --> 00:30:04,620 >> 이건 내 DOCTYPE 선언, 그 후 다시입니다 532 00:30:04,620 --> 00:30:07,080 당신은 복사하여 지금 믿음에 붙여 넣을 수 있습니다. 533 00:30:07,080 --> 00:30:10,410 이것은 단지 브라우저줍니다 '여기에 일부 HTML 5이 오면'을 클릭합니다. 534 00:30:10,410 --> 00:30:13,600 그 아래 라인 14 일, 제 실제 태그의 첫 번째입니다 535 00:30:13,600 --> 00:30:16,900 여기 몇 가지 HTML 오기 전에로이 단지라고 536 00:30:16,900 --> 00:30:19,460 여기 내 페이지의 헤드가 있는데, 여기 제목은 온다 537 00:30:19,460 --> 00:30:23,900 그리고, 반대로, 그 제목 그거야, 그 머리에 그 거예요. 538 00:30:23,900 --> 00:30:26,460 다음은 지금 내 페이지의 몸을 제공합니다. 539 00:30:26,460 --> 00:30:31,040 지금 몇 새로운 태그 그래서 : H1은 1 제목을 의미합니다. 540 00:30:31,040 --> 00:30:33,850 다시 몇 년 동안 HTML의 전통이 541 00:30:33,850 --> 00:30:37,990 텍스트의 서로 다른 크기를 갖는. 542 00:30:37,990 --> 00:30:41,980 그리고 다시 하루에, 각 하나가 크고 굵게, 일반적 의미. 543 00:30:41,980 --> 00:30:45,860 그러나 큰하지만 그다지 크고 대담한이 H2도있다. 544 00:30:45,860 --> 00:30:49,320 가지 거의 같은 크고 대담한 큰 것이 아니라 H3는,이 545 00:30:49,320 --> 00:30:52,380 등등, h6까지 아래 쪽. 546 00:30:52,380 --> 00:30:55,550 이 일하지만, H1, H2 및 H3는 정말 의미 아르 547 00:30:55,550 --> 00:30:57,980 그들에게 더 많은 의미 론적 의미를하려면, 548 00:30:57,980 --> 00:31:01,100 웹 페이지의 제목 : H1 정말 가고있다된다 549 00:31:01,100 --> 00:31:04,210 텍스트의 같은 열 또는 뭔가 제목. 550 00:31:04,210 --> 00:31:09,030 그래서 일부러 H1 CS50 검색> H1 말한 551 00:31:09,030 --> 00:31:12,640 이 정말 제목, 내 페이지의 제목입니다 specifiy합니다. 552 00:31:12,640 --> 00:31:14,850 제목 표시 줄 의미에서가 아니라 제목, 553 00:31:14,850 --> 00:31:18,960 하지만 실제로 몸에, 웹 페이지 자체에 표시되는 제목입니다. 554 00:31:18,960 --> 00:31:20,990 이제이, 당신은 아마 오늘이 무슨 추측 할 수 555 00:31:20,990 --> 00:31:23,110 우리는 구문의 몇 가지 새로운 조각을 가지고 있어도. 556 00:31:23,110 --> 00:31:25,930 이 형태입니다. 웹은 정말​​ 흥미로운 수 있도록 557 00:31:25,930 --> 00:31:28,770 웹 사이트가 사용자의 입력을 찍을 때. 558 00:31:28,770 --> 00:31:31,700 이 클래스에서 웹 프로그래밍에서 설정 한 문제에 559 00:31:31,700 --> 00:31:33,880 우리는 웹 사이트, 당 SE를 만들어 않을거야 560 00:31:33,880 --> 00:31:37,570 당신이 촬영 한 사진을 보여줍니다 정적 콘텐츠로, 561 00:31:37,570 --> 00:31:40,010 또는 내 이력서와 나에 관한 것들입니다 562 00:31:40,010 --> 00:31:42,450 그 물건들은 함께 넣어 상대적으로 쉽게 때문입니다. 563 00:31:42,450 --> 00:31:44,400 그것은 웹에서 일 아름다운하기 어렵다 564 00:31:44,400 --> 00:31:46,390 하지만 적어도 콘텐츠를 넣는 것은 아주 하찮은 것입니다. 565 00:31:46,390 --> 00:31:49,380 누군가가 귀하의 웹 사이트를 방문 할 수 있습니다 때하지만 일이 정말 흥미로운 566 00:31:49,380 --> 00:31:52,260 하고, 입력을 제공하고 양식을 작성 할 수 있습니다 567 00:31:52,260 --> 00:31:55,800 확인란의 선택을 해제 할 수 있으며 웹 사이트와 상호 작용할 수 있습니다. 568 00:31:55,800 --> 00:31:57,780 그리고 실제로, 아마 모든 웹 사이트에 당신이 아끼는 569 00:31:57,780 --> 00:32:00,710 요즘, 모든 법정에서 어떻게 든 양방향입니다. 570 00:32:00,710 --> 00:32:03,110 사용자 입력을 페이스 북, 구글, 등, 571 00:32:03,110 --> 00:32:05,100 및 사용자 정의 출력을 생산하고 있습니다. 572 00:32:05,100 --> 00:32:07,780 >> 그래서 지금 그렇게 시작하자. 지금 가자 전환 573 00:32:07,780 --> 00:32:11,150 단지 정적 콘텐츠를 마크 업에 대한 HTML을 사용하여의 574 00:32:11,150 --> 00:32:14,790 로 대신 동적 컨텐츠에 대한 전송 메커니즘. 575 00:32:14,790 --> 00:32:17,350 그리고 끝으로, 우리 자신의 검색 엔진을 구현 까. 576 00:32:17,350 --> 00:32:20,820 보자는 다음과 마십시오. 다음은 폼 태그입니다. 577 00:32:20,820 --> 00:32:24,090 작업 속성을 지정하는 사​​용자는이 양식을 작성한 경우 578 00:32:24,090 --> 00:32:28,400 자신의 키보드로, 그것은 여기에서이 URL에 제출 될 것입니다. 579 00:32:28,400 --> 00:32:31,230 그래서 바람을 피우고있는 것 같아요. 조금 더 우리를 데려다 줄 거예요 580 00:32:31,230 --> 00:32:33,780 하나의 클래스가 전체 검색 엔진을 구현하는 것보다하면, 581 00:32:33,780 --> 00:32:35,880 그래서 우리는 너무 말을, 프런트 엔드를 할 수 있습니다. 582 00:32:35,880 --> 00:32:38,650 우리는 사용자가 검색을 수행 할 수 있습니다 부분을 다하겠습니다, 우리는 Google에 펀트의 정렬됩니다 583 00:32:38,650 --> 00:32:40,950 검색 결과를 찾을 어려운 부분, 584 00:32:40,950 --> 00:32:43,520 하지만 구체적으로, 나는 Google의 웹 서버와 얘기 할 겁니다 585 00:32:43,520 --> 00:32:46,710 두 명의 매우 인기있는 방법 중 하나를 사용합니다. 586 00:32:46,710 --> 00:32:50,000 하나는 우편되는, 결국 우리가 볼 수있는, 다른을하고, 587 00:32:50,000 --> 00:32:52,660 빈도 사용하는 다른가 있지만. 588 00:32:52,660 --> 00:32:56,440 그냥이의 아이디어를 상상 해보세요 가서 좀 콘텐츠를하려는 일부 검색 결과를 얻을 수 있습니다. 589 00:32:56,440 --> 00:32:58,440 이, 당신은 아마도이 뭔지 알아 수 있습니다. 590 00:32:58,440 --> 00:33:01,900 이 입력의 어떤 종류의, 그것은, 사실, 텍스트 필드처럼 보이도록거야 591 00:33:01,900 --> 00:33:05,200 그 입력, 변수의 이름의 이름 때문에, 말씀 592 00:33:05,200 --> 00:33:08,610 대회가 검색어에 대해 질문 할 예정이다. 593 00:33:08,610 --> 00:33:11,700 또,이 입력의 유형 확인란이 될거야되지 않습니다; 594 00:33:11,700 --> 00:33:13,890 이 메뉴 않을거야, 그것은 텍스트 필드 될거야 595 00:33:13,890 --> 00:33:18,060 로 여기에서이 속성이 텍스트 상자로 표시, 596 00:33:18,060 --> 00:33:20,680 줄 바꿈과 같은 거기로 또는 아닙니다. 597 00:33:20,680 --> 00:33:24,480 그래서 우리는 그 태그 안에 슬래시로 빈 요소를 갖추고 있습니다. 598 00:33:24,480 --> 00:33:28,050 그럼 난 줄 바꿈을 넣을 거예요, 당신은 당신이 무슨 짓을할지 추측 할 수 있습니다. 599 00:33:28,050 --> 00:33:30,210 이 양식 입력의 또 다른 종류이다. 600 00:33:30,210 --> 00:33:32,350 >> 이 사람은 양식을 제출에 사용되는거야. 601 00:33:32,350 --> 00:33:36,140 그래서이, 사용자가 양식을 제출하기 위해 클릭 할 수있는 큰 버튼이 될 것입니다 602 00:33:36,140 --> 00:33:40,800 그 버튼에 레이블이 될 것입니다 'CS50 검색 할 수 있습니다.' 603 00:33:40,800 --> 00:33:44,170 닫기 양식을 가까이 몸 가까이 HTML. 604 00:33:44,170 --> 00:33:46,280 우리가이 웹 페이지의 형태로도 알아 보자. 605 00:33:46,280 --> 00:33:48,260 그럼 내 브라우저에 가자고, 606 00:33:48,260 --> 00:33:50,360 내가 로컬 호스트에, 여전히 가자. 607 00:33:50,360 --> 00:33:54,650 제가 search0이라는 파일을 참조하고 싶다면이, 아직 index.html 인 경우 608 00:33:54,650 --> 00:33:59,710 난 단지 입력 / search0.html을 할 수 - 609 00:33:59,710 --> 00:34:01,880 내 실수의 첫 번째. 610 00:34:01,880 --> 00:34:04,400 무슨 일이야? 나는 분명 권한이 없습니다 611 00:34:04,400 --> 00:34:06,430 어떤 이유로이 파일을 액세스 할 수 있습니다. 612 00:34:06,430 --> 00:34:10,170 작업과는 달리 우리가 지금까지 한 이유는,하지만 그건, C에 613 00:34:10,170 --> 00:34:14,340 당신이 작성하는 프로그램, 당신의 runable로 간주되는 위치 614 00:34:14,340 --> 00:34:17,590 귀하가 실행, 그, 웹에서 실제로는 그렇지 않아 615 00:34:17,590 --> 00:34:21,010 상기 때때로 당신은 서버에 파일을 만들 수 있습니다 616 00:34:21,010 --> 00:34:23,310 하지만 세상을 볼 수 싶지 않아요. 617 00:34:23,310 --> 00:34:25,469 오히려, 당신은 세계의 어떤 파일을보고 싶어 618 00:34:25,469 --> 00:34:27,730 하지만 다른, 단지 개인 정보 보호를 위해서. 619 00:34:27,730 --> 00:34:30,730 그래서 당신이 웹에서 일을 할 때 선택의 기준으로 더 많은입니다. 620 00:34:30,730 --> 00:34:32,810 그리고 저 실제로는 여기인가요를 입력하게 621 00:34:32,810 --> 00:34:37,440 그리고 당신이 내가 갖고있는 파일을 볼 수 있지만, 기억 내가 오래 LS-리터한다면, 622 00:34:37,440 --> 00:34:41,520 나는 나 한테 이런 파일에 대한 좀 더 자세한 내용을 제공하는 긴 목록을 가져올 게 623 00:34:41,520 --> 00:34:45,139 그게 우리와 관련이 처음으로, 정말, 이제. 624 00:34:45,139 --> 00:34:47,840 맨 오른쪽에 내 파일의 이름이납니다, 625 00:34:47,840 --> 00:34:50,690 그리고 그들은 마지막으로 수정하거나 복사되는 시간. 626 00:34:50,690 --> 00:34:54,370 여기이 숫자는 무엇인가? 당신은 기억하십니까? 627 00:34:54,370 --> 00:34:56,400 바이트 크기는 파일이 얼마나 큰 것입니다. 628 00:34:56,400 --> 00:34:59,520 >> 그래서 모든 다른 파일보다 더 큰 여기에 로고 일종의을 갖고있는 것 같다. 629 00:34:59,520 --> 00:35:03,610 이 내가 누군지, 난 이런 사람이야하고 들어 왔어요 어떤 그룹 630 00:35:03,610 --> 00:35:07,430 하지만, 여기에 왼쪽에 암호화 된 일련의 비트 631 00:35:07,430 --> 00:35:10,040 우리는, 과거에이 사실을 간략하게, 내 생각, 이야기 632 00:35:10,040 --> 00:35:12,050 하지만이 권한으로 할 수 있습니다. 633 00:35:12,050 --> 00:35:14,020 그래서 좀 헷갈리는 경우에도, 634 00:35:14,020 --> 00:35:17,270 RW는 아마도 읽기 및 쓰기 의미합니다. 635 00:35:17,270 --> 00:35:22,560 따라서이 대시가 다른 사람들을 위해 권한의 다른 세트를 나타냅니다을 이용할 수 있습니다. 636 00:35:22,560 --> 00:35:24,730 다음과 같이 그리고 패턴은 본질적입니다. 637 00:35:24,730 --> 00:35:27,650 여기에 대시의 순서를 볼 때, 그들은 다음과 같이 다하겠습니다. 638 00:35:27,650 --> 00:35:30,450 대시가있어, 다음, 세 개 대시가 639 00:35:30,450 --> 00:35:33,390 다음 다른 세 명, 그 다음엔 또 다른 3 명이라고. 640 00:35:33,390 --> 00:35:36,800 첫번째는 두 디렉토리에 대한 대시하거나의 광고입니다. 641 00:35:36,800 --> 00:35:40,220 그럼 그거 하나는 아주 간단합니다. 이 폴더의 경우는 D라는, 그렇지 않으면 하이픈입니다. 642 00:35:40,220 --> 00:35:44,080 이 몇 다른 경우가 있지만, 지금 우리는 파일과 디렉토리에 대한 관심됩니다. 643 00:35:44,080 --> 00:35:48,090 이 다음 세 대시 - 그리고 인위적으로 공간을 삽입했습니다. 644 00:35:48,090 --> 00:35:50,490 우리가 순간 전을봤을 때 그들은 거기에 분명 아니었다. 645 00:35:50,490 --> 00:35:52,900 이것들은 파일 소유자의 권한은 646 00:35:52,900 --> 00:35:55,840 하고 초 전이 읽기 및 쓰기되었다는에서 기억. 647 00:35:55,840 --> 00:35:58,560 그게 바로 내가 때문에, 좀 전에이 파일을 만든 사람으로,했다 648 00:35:58,560 --> 00:36:01,250 I, 그냥 기본적으로 리눅스 컴퓨터에서, 649 00:36:01,250 --> 00:36:03,910 그 파일을 읽기 및 쓰기 계속 할 수있는 능력을 갖추고 있습니다. 650 00:36:03,910 --> 00:36:07,170 >> 따라서 운영 체제는 RW 자동으로 저를 제공합니다. 651 00:36:07,170 --> 00:36:10,840 중간 사람들은 학생의 것을 내 그룹에 관계 652 00:36:10,840 --> 00:36:14,590 제가 제품을 사용하는 유일한 사람이기 때문 어떤 종류의 어플라이언스에 의미가 없다. 653 00:36:14,590 --> 00:36:16,620 그래서 나는 지금 당장은 좀 손을 흔들 보자. 654 00:36:16,620 --> 00:36:19,190 그러나 마지막 사람은 웹에 가장 중요합니다. 655 00:36:19,190 --> 00:36:21,580 이 세상에서 다른 모든 사람들이며, 사실 656 00:36:21,580 --> 00:36:24,600 --- 그 의미 있다는 그 세계에서 다른 사람은 657 00:36:24,600 --> 00:36:26,680 이 파일에 대한 권한을 갖습니다. 658 00:36:26,680 --> 00:36:29,180 분명 문제가 그래서이 문제를 해결해야합니다 659 00:36:29,180 --> 00:36:33,830 어떻게 든 세계를 어떻게 제공하여? 읽기 및 쓰기? 660 00:36:33,830 --> 00:36:35,850 그게 아마 어리석은 짓이야? 나는 웹에있는 모든 사용자를 원하지 않는 661 00:36:35,850 --> 00:36:38,530 내 페이지를 방문하여 어떻게 든 그 파일을 변경로 이동하기 위해, 662 00:36:38,530 --> 00:36:40,800 비록 그들은 정말 HTML 파일을 못 663 00:36:40,800 --> 00:36:44,110 하지만 단지 원칙적으로, 아마 그냥 그것을 읽을 수 있기를 바랍니다. 664 00:36:44,110 --> 00:36:47,910 어떻게하면 읽어한다는 것은 무슨 뜻입니까? 그 사람들이, 실제 HTML에 관심거야 뜻은 아닙니다 665 00:36:47,910 --> 00:36:51,820 하지만 브라우저는 그 마크 업 언어의 구문을 분석 할 수 있어야 666 00:36:51,820 --> 00:36:53,720 위에서 아래로, 왼쪽에서 오른쪽으로. 667 00:36:53,720 --> 00:36:57,990 따라서 웹에서 누군가를 읽을 수 있어야합니다, 그래서 제가 최소한 그것을 연구를 제공해야합니다. 668 00:36:57,990 --> 00:37:00,240 나는 아마도 몇 가지 방법으로이 작업을 수행 할 수는 있지만 669 00:37:00,240 --> 00:37:03,080 가장 간단한 여기에이 명령을 실행하는 것입니다. 670 00:37:03,080 --> 00:37:10,860 그리고 chmod를, 변경 모드, + R 세계에서이 모든 사람 + 읽고, 671 00:37:10,860 --> 00:37:13,830 다음 파일, search0.html의 이름입니다. 672 00:37:13,830 --> 00:37:18,310 >> 다시는 LS-저도 그래요 없다면, 그 파일이 변경되었다는 것을 673 00:37:18,310 --> 00:37:21,440 그리고 사실은, 모두에 대한 연구를 했어요. 674 00:37:21,440 --> 00:37:23,350 나 또한 내 그룹을 위해 켜져 만 그게 좋아요 675 00:37:23,350 --> 00:37:27,150 나는 모두를에 설정하면, 우리 그룹은 그 하위 집합이기 때문이다. 676 00:37:27,150 --> 00:37:31,480 그래서 너무 좋아요. 이것은 단지 컴퓨터가 지금은 읽을 만든 의미합니다. 677 00:37:31,480 --> 00:37:34,430 지금 당신은 나를 다시 내 브라우저에 가자고, 새로 고침을 클릭합니다. 678 00:37:34,430 --> 00:37:36,330 아 - 하. 우리는 지금 CS50 검색합니다. 679 00:37:36,330 --> 00:37:39,830 아주 끔찍한 검색 엔진 - 조금 인위적으로 확대했습니다. 680 00:37:39,830 --> 00:37:41,930 그러나 실제로 작동하는지 보자. 681 00:37:41,930 --> 00:37:45,880 먼저, 클릭하고 페이지 소스를 볼 수를 제어하게, 제가 빠른 정신 검사를 해주세요. 682 00:37:45,880 --> 00:37:50,780 크롬 안에 우리가 지금 자신이 만든 동일한 HTML을 표시 것을 확인할 수 있습니다. 683 00:37:50,780 --> 00:37:55,420 하지만 여기 혼동하지 마십시오. 내가 여기있는 코드를 변경 시작할 수 없습니다 684 00:37:55,420 --> 00:37:59,420 브라우저는이 코드의 읽기 전용보기가 때문입니다. 685 00:37:59,420 --> 00:38:06,060 브라우저는 search0.html라는 파일에 대한 로컬 호스트를 요청했습니다. 686 00:38:06,060 --> 00:38:09,490 이제 전적으로 우연입니다 어플라이언스의 687 00:38:09,490 --> 00:38:13,480 브라우저로 동일한 컴퓨터에 있어야 발생합니다. 688 00:38:13,480 --> 00:38:20,470 난 그냥 equivalently, www.facebook.com/search0.html 입력 한 가질 수 689 00:38:20,470 --> 00:38:23,830 페이스 북이 그렇게라는 파일이 있다면, 제 한 후에는 HTML을 볼 수있을 것입니다. 690 00:38:23,830 --> 00:38:27,360 물론, 나도 페이스 북에서 돌아 오면 파일을 변경할 수 없습니다. 691 00:38:27,360 --> 00:38:29,360 그래서 지금 우리는 선을 흐리게의 일종이야. 692 00:38:29,360 --> 00:38:32,130 어플라이언스는 웹 페이지를 제공하는 두 서버입니다 693 00:38:32,130 --> 00:38:34,870 하지만 그 브라우저를 사용하는 것도 의미에서 고객의 694 00:38:34,870 --> 00:38:37,630 실제로 서버와 통신합니다. 695 00:38:37,630 --> 00:38:39,610 그래서 내 Google 검색 엔진이 성공한다면 보자. 696 00:38:39,610 --> 00:38:44,930 내가 가서 빠른 갈색 여우를 검색, 입력 보자. 697 00:38:44,930 --> 00:38:47,540 그리고 여기에도, 난 지금 내 자신의 검색 엔진을 갖추고 있습니다. 698 00:38:47,540 --> 00:38:51,460 >> 그러나이 어떻게 작동합니까? 699 00:38:51,460 --> 00:38:55,380 스트레치의 비트,하지만 - 그리고 지금 당신은, 정확하게, 관심이 있어요 일부를 볼 수 없습니다. 700 00:38:55,380 --> 00:38:57,370 어떻게 확인합니다. 701 00:38:57,370 --> 00:39:00,430 URL을 확인할 수 있습니다. 그것은, 그 그 방법을 밝혀 702 00:39:00,430 --> 00:39:02,780 얻을라고, 슈퍼 - 간단합니다. 703 00:39:02,780 --> 00:39:10,270 당신은 어떤 서버에서 결과를 좀 '하고 싶은 형태로 지정하면, 704 00:39:10,270 --> 00:39:13,200 그런 일이 어떻게 할거야하면 양식에 입력 어떤 관점 705 00:39:13,200 --> 00:39:15,290 그리고 URL에 넣어. 706 00:39:15,290 --> 00:39:18,580 그것은 다음과 같이이 URL에 투입 방식을 표준화거야. 707 00:39:18,580 --> 00:39:22,290 이건 내 액션 속성의 값했던 URL이납니다. 708 00:39:22,290 --> 00:39:24,730 나는 양식이 결국 싶은 곳이에요. 709 00:39:24,730 --> 00:39:26,950 하지만이 질문에 마크를 확인합니다. 710 00:39:26,950 --> 00:39:30,230 이된다 사용자 입력을 제공 할 수있는 웹 컨벤션 is 711 00:39:30,230 --> 00:39:35,320 웹 사이트에, 당신은 URL에 물음표에 추가 712 00:39:35,320 --> 00:39:38,330 그리고 당신은 키 - 값 쌍을 아주 많이 있습니다. 713 00:39:38,330 --> 00:39:42,380 그렇지 않으면 웹에서 매개 변수로 알려진 키의 이름 714 00:39:42,380 --> 00:39:46,380 다음 등호가 다음 해당 매개 변수의 값을 수 있습니다. 715 00:39:46,380 --> 00:39:49,810 그래서 기본적으로 변수 이름과 변수 값입니다 716 00:39:49,810 --> 00:39:54,250 하지만 그 변수의 이름과 값은 HTML 양식에서 왔습니다. 717 00:39:54,250 --> 00:39:56,250 왜 더하기 부호가, 당신은 생각하십니까? 718 00:39:56,250 --> 00:39:59,340 내 단어 사이에 +를 입력하지 않았기 때문입니다. 719 00:39:59,340 --> 00:40:01,430 [학생, 이해할 수없는] 720 00:40:01,430 --> 00:40:05,080 >> 그래, 그건 단지 간격에 있습니다. 확률은 URL을 본 적이 때마다 있으며, 721 00:40:05,080 --> 00:40:07,320 때문에 경우에만 그 안에 공백이 늘 집에없는 722 00:40:07,320 --> 00:40:09,440 가 있다면, 당신이 실제로 복사하여 붙여 넣으 할 수 없습니다 723 00:40:09,440 --> 00:40:12,700 IM에 또는 이메일로 끊어 것 때문입니다. 724 00:40:12,700 --> 00:40:15,420 당신은 모든 일이 문자 중 하나가 연속 된 문자열 싶습니다. 725 00:40:15,450 --> 00:40:18,450 >> 따라서 브라우저는 음 - 음, 생각하는만큼 영리합니다. 726 00:40:18,450 --> 00:40:22,610 그냥 공간을 넣지 마십시오. 내가 어떤 표준 방법으로 공간을 인코딩 보자. 727 00:40:22,610 --> 00:40:25,170 이에 대한 규칙 중 하나는 브라우저가하는 것입니다 728 00:40:25,170 --> 00:40:29,350 자동으로 다른 공간이 것 +를 넣어. 729 00:40:29,350 --> 00:40:32,140 이제, 고지 Google은 어떤 사용자 친화적의되었습니다. 730 00:40:32,140 --> 00:40:34,380 난 정말이 웹 페이지를 만들지 않았 731 00:40:34,380 --> 00:40:37,200 하지만 자신의 텍스트 필드를 미리 입력 한 732 00:40:37,200 --> 00:40:39,490 , 정확하게, 내가 뭘 인치 입력과 733 00:40:39,490 --> 00:40:43,090 제가 게으른 강아지처럼 다른 무언가를 검색하려는 가정 해 봅시다. 734 00:40:43,090 --> 00:40:45,340 난 그냥 다시 검색 여기에 입력 할 수 있습니다. 735 00:40:45,340 --> 00:40:47,730 URL이 여기에 변경되는 공지 사항, 736 00:40:47,730 --> 00:40:51,390 하지만 실제로 내가 원하는 건을 검색 할 수 없다는 사실을 알 737 00:40:51,390 --> 00:40:53,610 얼마나 URL을 작업을 이해하고. 738 00:40:53,610 --> 00:40:56,840 나는 게으른 고양이를 입력 할 수 739 00:40:56,840 --> 00:41:01,370 지금 발견 난 아주 게으른납니다 -해야 우리는? 난 우리가해야 기분. 740 00:41:01,370 --> 00:41:09,900 난 아주 게으른 고양이를. 741 00:41:09,900 --> 00:41:11,930 괜찮아요. 이것은 우리가 한 짓 중 제일 멍청한 것들 중 하나입니다. 742 00:41:11,930 --> 00:41:17,160 하지만 그건 게으른 고양이입니다. 743 00:41:17,160 --> 00:41:19,730 어쨌든, 여기 열쇠 테이크 아웃 뭐죠? 744 00:41:19,730 --> 00:41:22,830 이제 우리는 HTTP의 세계에서 재생의 일종이야. 745 00:41:22,830 --> 00:41:26,050 HTML은이 마크 업 언어, 오픈 태그, 가까운 태그입니다 746 00:41:26,050 --> 00:41:29,490 그 웹 페이지의 콘텐츠를 렌더링하는 방법을 브라우저에게 알려줍니다. 747 00:41:29,490 --> 00:41:32,850 하지만 당신은 인터넷을 통해 전송 데이터를 시작할 때 748 00:41:32,850 --> 00:41:36,290 곳이 프로토콜 웹 브라우저와 서버 사이에 그게 749 00:41:36,290 --> 00:41:39,370 하이퍼 텍스트 전송 프로토콜이 끝난 소요으로 알려져 있습니다. 750 00:41:39,370 --> 00:41:42,630 이 인간 대회의 종류이다; 샘과 난 월요일에 손을 흔들었다 때, 751 00:41:42,630 --> 00:41:48,300 연결을 시작하고 여기에 연결, 같은 생각을 종료. 752 00:41:48,300 --> 00:41:53,100 어떻게 Google의 결과가 나에게 돌아 오는거야? 753 00:41:53,100 --> 00:41:55,290 내 양식 제출 Google에 어떻게가는거야? 754 00:41:55,290 --> 00:41:58,160 음, 정말 무슨 일있는 다른 날부터 기억 755 00:41:58,160 --> 00:42:02,150 당신이 웹 페이지는 요청 후드 아래에, 756 00:42:02,150 --> 00:42:04,860 브라우저가 같은 다소 - 암호화 메시지를 보내 757 00:42:04,860 --> 00:42:09,510 기본 홈 페이지 / HTTP/1.1을 GET. 758 00:42:09,510 --> 00:42:13,000 >> 또는,이 경우 때문에 특히 이전 요청 759 00:42:13,000 --> 00:42:17,340 sea​​rch0.html이는 다소 - 암호화 된 메시지 것 760 00:42:17,340 --> 00:42:20,040 내 브라우저는 어플라이언스에 보내는. 761 00:42:20,040 --> 00:42:23,090 또는, 구글의 경우, 어떻게 실제로 전송 762 00:42:23,090 --> 00:42:33,740 로 플러스가, / 검색, 그리고 나선? Q = 게으른 고양이에 대한 요청입니다. 763 00:42:33,740 --> 00:42:36,790 그래서 메시지가, 난 인간이 입력 적이 있다는 사실을, 764 00:42:36,790 --> 00:42:40,620 하지만 브라우저에서 전송되는이 HTTP가 발생하는 방법입니다. 765 00:42:40,620 --> 00:42:43,240 이것은 우리 흔들리고 것에 손 동일합니다. 766 00:42:43,240 --> 00:42:46,320 이 요청이며, 응답을 보내려고 서버입니다. 767 00:42:46,320 --> 00:42:48,560 그러니 후드 아래에 이것 좀 봅시다. 768 00:42:48,560 --> 00:42:55,320 전에, 우리는 브라우저에서이 특별한 분야를 열 수 있습니다. 769 00:42:55,320 --> 00:42:58,720 페이지보기 요소를 검사한다. 770 00:42:58,720 --> 00:43:01,550 요소를 검사 그럼 아래, 크롬에 무슨 일이 있었 있다는 것을 771 00:43:01,550 --> 00:43:04,160 그리고 IE와 파이어 폭스 비슷한 메커니즘을 가지고 772 00:43:04,160 --> 00:43:07,370 우리는 접근이 개발자 도구를 갖추고 있습니다. 773 00:43:07,370 --> 00:43:09,630 보통 사람들이 탭을 사용하지 마십시오. 774 00:43:09,630 --> 00:43:11,940 하지만, 지금 무슨 일이 벌어지고 있는지에 관심 775 00:43:11,940 --> 00:43:13,890 네트워크 수준의 후드 아래에. 776 00:43:13,890 --> 00:43:16,130 여기서 네트워크 수준을 끌어하면, 777 00:43:16,130 --> 00:43:18,510 , 내가 가서이 창을 확장하게 778 00:43:18,510 --> 00:43:21,840 여기이 항목을 열고 헤더보세요. 779 00:43:21,840 --> 00:43:26,010 제가 웹 서버에서 파일을 요청했을 때 어떤 현상이 발생 780 00:43:26,010 --> 00:43:29,410 내 브라우저가 일을 아주 많이를 전송합니다. 781 00:43:29,410 --> 00:43:32,390 이 날 소스를 확인할 수 있습니다. 따라서 요청 헤더에 따라, 782 00:43:32,390 --> 00:43:35,250 이는 그저 좀 진단 결과를 보여주는 크롬입니다 783 00:43:35,250 --> 00:43:37,340 정렬 일종의 디버거처럼, 784 00:43:37,340 --> 00:43:40,500 내가 여기서 강조 표시 한 것은 정확하게 상태가됩니다 무엇 785 00:43:40,500 --> 00:43:47,060 크롬 search0.html라는 파일을 요청하기 위해 서버에 보낼 수 있습니다. 786 00:43:47,060 --> 00:43:50,160 그것은 그것의 이름이 어떻게 생각하는지 서버를 말하는 787 00:43:50,160 --> 00:43:52,210 이 호스트 콜론 필드 덕분에 다음 몇 가지가 788 00:43:52,210 --> 00:43:56,950 여기에 꽤 난해한 것들, 날짜 및 시간과 뭔가 같이, 789 00:43:56,950 --> 00:43:59,720 무언가, 브라우저가 인식 할 수있는 언어와 790 00:43:59,720 --> 00:44:02,850 하지만 정말 중요한 줄은 여기에 처음 두 수 있습니다. 791 00:44:02,850 --> 00:44:05,490 >> 서버가 무엇을 어떻게 대응합니까? 자, 여기 아래로 스크롤하면 792 00:44:05,490 --> 00:44:08,510 그리고이 물건의 소스를 볼 것을 그 서버 793 00:44:08,510 --> 00:44:13,700 뿐만 아니라 다소 이상한 메시지와 함께 응답했다 304 수정되지 않았습니다. 794 00:44:13,700 --> 00:44:16,030 그건 좀 이상 하네, 저 실제로는이 문제를 해결 봅시다. 795 00:44:16,030 --> 00:44:18,670 저 아래로 Shift 키를 누른하자 여기까지 새로 고침을 클릭합니다 796 00:44:18,670 --> 00:44:22,460 실제로 처음이 요청을하기 위해 브라우저를 강제로 수 있습니다. 797 00:44:22,460 --> 00:44:25,700 그럼 내가 확대 해, 우리는 그 서버의 응답 지금 볼 수 있습니다, 798 00:44:25,700 --> 00:44:28,950 나는 변화를 개최하기 때문에, 200 OK입니다. 799 00:44:28,950 --> 00:44:31,170 그래서 당신은 아마도 수 200 본 적이 없어 800 00:44:31,170 --> 00:44:33,300 웹의 컨텍스트,하지만 숫자 801 00:44:33,300 --> 00:44:36,760 당신은 때때로 서버에서 예기치 않게 본 적 있어요? 802 00:44:36,760 --> 00:44:42,010 404 찾을 수 없습니다, 파일, 403, 금지, 500, 서버 오류가 발생했습니다. 803 00:44:42,010 --> 00:44:44,890 그래서 세상은 웹에서 사용하는 이러한 숫자 코드가 있습니다 804 00:44:44,890 --> 00:44:47,870 그냥 C 함수와 같은 오류를 나타내는 805 00:44:47,870 --> 00:44:51,030 오류를 반환 할 수 있으며 메인은 종료 코드를 반환 할 수 있습니다. 806 00:44:51,030 --> 00:44:54,160 이 모든 잘 들어 뜻 이지요 200하지만, 당신은 거의 볼 수 없습니다. 807 00:44:54,160 --> 00:44:59,000 무슨 일을 뜻하기 때문에 그리고 304 당신은 아마 못 보는거야? 808 00:44:59,000 --> 00:45:03,330 그 어떤 것도 있습니다 - 우리가 다시 이걸 시뮬레이션 할 수 있는지 보자 - 809 00:45:03,330 --> 00:45:07,170 아, 지금은 협력 아닙니다. 304, 수정하지 말 810 00:45:07,170 --> 00:45:09,170 왜 서버는 응답 거죠? 811 00:45:09,170 --> 00:45:12,550 음, 효율을위한, 당신을 위해 자동으로 웹 서버, 812 00:45:12,550 --> 00:45:16,570 파일이 변경되지 않은 경우, 그것은 전체 HTML 파일을 재전송하지 않습니다. 813 00:45:16,570 --> 00:45:19,150 단지가 변경되지 않았 브라우저를 말해주지. 814 00:45:19,150 --> 00:45:21,220 당신이 이미 복사본을 사용합니다. 815 00:45:21,220 --> 00:45:22,650 따라서 캐시의 개념은 웹에서이 816 00:45:22,650 --> 00:45:25,840 성능을 위해, 그래서 당신은 시간과 폐기물 대역폭을 낭비하지 않게 817 00:45:25,840 --> 00:45:29,160 다시 파일을 다운로드하고 다시 불필요. 818 00:45:29,160 --> 00:45:31,460 >> 그러나이 웹 페이지는 지금, 슈퍼 - 단순 819 00:45:31,460 --> 00:45:34,980 그리고는 나에게 돌아 왔을 HTML을 보여 주었다. 820 00:45:34,980 --> 00:45:40,940 의가 실제로 빠른 갈색 여우 같은 Google 검색을 수행하는 지금 네트워크 탭을 사용하여 보자. 821 00:45:40,940 --> 00:45:43,010 저 한 다음 CS50 검색을 클릭하자 822 00:45:43,010 --> 00:45:46,950 지금, 물건을 아주 많이 돌아 왔을 여기 아래에 발견 823 00:45:46,950 --> 00:45:49,900 나는 Google.com와 같은 실제 웹 사이트를 방문 할 때 때문에, 824 00:45:49,900 --> 00:45:53,520 그들은 이미지를 가지고 있고, 그들에게 텍스트를 가지고, 그들은 거기에 자바 스크립트를라는 언어가 있습니다. 825 00:45:53,520 --> 00:45:55,940 여기에이 테이블의 그럼, 모든 행 826 00:45:55,940 --> 00:46:01,490 Google은 내 하나의 요청에 대한 응답으로 뱉어 것을 나타냅니다. 827 00:46:01,490 --> 00:46:04,160 내 관심은 하나는하지만,이 첫 번째입니다. 828 00:46:04,160 --> 00:46:08,420 제가 검색으로 이동한다면, 요청, 여기에 소스보기를 클릭 829 00:46:08,420 --> 00:46:11,300 사실은, 내 브라우저에서 암호화 된 메시지를 보낸 것을 알려줘야 830 00:46:11,300 --> 00:46:15,010 구글은 여기에 두 줄됐는데 831 00:46:15,010 --> 00:46:18,420 우리가 지금 무시됩니다 여기에 몇 가지 마법 정보를 다음. 832 00:46:18,420 --> 00:46:20,890 그러나 통지 역시 어떤 크롬과 매우 편리합니다 833 00:46:20,890 --> 00:46:24,540 또한 저에게 인치 전송 된 쿼리 문자열을 보이고있어 834 00:46:24,540 --> 00:46:27,410 따라서이 아닌, 문자 그대로 전송하는 나에게 보여 835 00:46:27,410 --> 00:46:30,800 나는 단지 디버깅 목적으로, 크롬 해독 보면 836 00:46:30,800 --> 00:46:34,270 우리 같은 개발자를위한, 그것은 나에게의 인간 친화적 인 버전을 표시 있어요 - 837 00:46:34,270 --> 00:46:36,390 그 무리가, 당신은 여우를 어떻게 쓰는지하지 않습니다. 838 00:46:36,390 --> 00:46:40,520 난 그냥 지금은 알았어 ... -하지만 내가 이성적으로 입력 한 내용을 보여준다는 겁니다. 839 00:46:40,520 --> 00:46:45,340 한편, 서버에서 돌아 왔을 때 반응은 다시 200 OK입니다. 840 00:46:45,340 --> 00:46:47,930 그러나 물론, 그 응답에 포함 841 00:46:47,930 --> 00:46:51,920 우리가 실제로 페이지의 HTML을 보면 - 842 00:46:51,920 --> 00:46:55,440 죄송합니다,이 오늘 틀려서 사라지고 약간의 키보드 단축키입니다. 843 00:46:55,440 --> 00:46:59,020 >> 나중에이 처리됩니다. 우리는 실제로 페이지의 소스를 볼하면, 844 00:46:59,020 --> 00:47:02,990 누구를, 응답을 클릭하여 여기에 할 수 845 00:47:02,990 --> 00:47:10,080 이 실제로 서버에서 해당 암호 200 OK 메시지에 추가, 다시 침을 뱉을 일이야. 846 00:47:10,080 --> 00:47:12,520 약간 이상한,하지만 어디 있는지 왜 이러는거야? 847 00:47:12,520 --> 00:47:15,570 자, 다른 일을 할 까. 또 다른 다소 - 암호화 된 명령 848 00:47:15,570 --> 00:47:20,530 하지만 후드 아래에 무슨 일 정확히 우리에게 보여 거기에 깔끔한 중의 하나이기도 해. 849 00:47:20,530 --> 00:47:22,530 여기서 내 Mac에 돌아왔다 그래서, 나는 연결 한 850 00:47:22,530 --> 00:47:25,980 다른 서버에 SSH, 보안 쉘이라는 프로그램을 통해 851 00:47:25,980 --> 00:47:28,940 하버드의 컴퓨터의 대부분은 명령을 차단 왜냐면 우린 부족한 경우 852 00:47:28,940 --> 00:47:31,640 traceroute라는 일부 서버에서이 명령은이 있기 때문에 853 00:47:31,640 --> 00:47:34,810 그 말은 당신이, 포인트와 b 사이의 경로를 추적 할 수 있습니다 854 00:47:34,810 --> 00:47:37,020 그리고 지금까지 우리는 부여에 대해 완전히 받고 있어요 855 00:47:37,020 --> 00:47:40,170 나는 Google.com에 입력하고 어떻게 든 다시 데이터를 얻을 수 있다는 856 00:47:40,170 --> 00:47:43,530 중간 전국 또는 중간 전세계에서. 857 00:47:43,530 --> 00:47:45,810 traceroute를 통해 우리는 실제로 좀 더 깊이에서 잠수 할 수 858 00:47:45,810 --> 00:47:49,370 인터넷이 작동하는 방식에 관해서, 그리고 후드 아래에 무슨 일이 일어나고 있는지를 참조하십시오. 859 00:47:49,370 --> 00:47:54,440 그러니 어서 가서 임의로 말에 Stanford.edu을 경로를 추적하게, 860 00:47:54,440 --> 00:47:57,150 이는 전국이며, 입력하고 Enter 키를 누르십시오. 861 00:47:57,150 --> 00:47:59,380 이 명령은, 슈퍼 빠른 또는 수퍼 속도가 느릴 수 있습니다 862 00:47:59,380 --> 00:48:02,010 하지만, 지금은 선으로 선을 어떻게 표시 863 00:48:02,010 --> 00:48:08,060 우리와 팔로 알토 (Palo Alto), 또는 스탠포드 사이의 단계 또는 홉의 모든 하나입니다 864 00:48:08,060 --> 00:48:11,010 그들의 웹 서버가있는 곳. 865 00:48:11,010 --> 00:48:16,600 따라서 불구하고 다음 행의 각이 더 구체적으로 무엇을 나타 냅니까? 866 00:48:16,600 --> 00:48:19,100 인터넷에서 전문 용어의 조각? [학생, 이해할 수없는] 867 00:48:19,100 --> 00:48:21,570 >> 무슨 뜻이지? [학생, 이해할 수없는] 868 00:48:21,570 --> 00:48:25,390 >> 아,이 시간이 있지만, 각 행을 어떻게합니까 - 내가 힙합으로 무엇을 의미합니까? 869 00:48:25,390 --> 00:48:29,140 >> 음, 라우터라고 인터넷에 이런 일이 있습니다. 870 00:48:29,140 --> 00:48:33,020 그리고 라우터, 이름에서 알 수 있듯이 지점에서 경로 정보를 B를 지정합니다. 871 00:48:33,020 --> 00:48:36,920 그러나 a와 b 이외의 여러 지점이 있습니다. 872 00:48:36,920 --> 00:48:40,010 C와 D와 E와 행 1 ~ F가 있어요 873 00:48:40,010 --> 00:48:43,480 하는 내 컴퓨터의 IP 주소로 갈거야 874 00:48:43,480 --> 00:48:46,890 또는 고유 내 컴퓨터를 식별하는 내 숫자 주소,, 875 00:48:46,890 --> 00:48:50,300 실제로 여섯 번째 웹 서버이며, 15 단계, 876 00:48:50,300 --> 00:48:54,640 분명히 어떤이의 유추하거나, 스탠포드에서 자신의 웹 서버의 버전 6거야. 877 00:48:54,640 --> 00:48:56,680 그러나 스트레이트가 좀 그래, 우리는 경로를 볼 수 있습니다 878 00:48:56,680 --> 00:49:00,480 내 공의와 1의 스탠포드 내 컴퓨터에서 진행되는. 879 00:49:00,480 --> 00:49:02,500 따라서 1 단계 내 컴퓨터의 주소입니다. 880 00:49:02,500 --> 00:49:05,760 인터넷의 모든 컴퓨터에는 다음과 같은 고유 한 식별자가 있습니다. 881 00:49:05,760 --> 00:49:08,150 Number.number.number.number. 882 00:49:08,150 --> 00:49:10,370 어디에 선가이 캠퍼스에서, 아마도 과학 센터에, 883 00:49:10,370 --> 00:49:16,780 라우터는 코어 게이트웨이 2 te83, 그게 무슨 뜻인지 몰라도,라고합니다 884 00:49:16,780 --> 00:49:20,590 그래서이 도로는 그들의 트래픽이 많이 라우팅하는 하버드의 크고 이쁜 라우터 중 하나입니다. 885 00:49:20,590 --> 00:49:24,640 여기 하버드의 라우터의 또 다른이야,이 사람은, 국경 관문입니다 886 00:49:24,640 --> 00:49:28,310 국경의 의미는 어디 캠퍼스의 주변에있을 거에요. 887 00:49:28,480 --> 00:49:32,790 그런 다음 북 '선택입니다 NOx를 한 행 4,가 888 00:49:32,790 --> 00:49:35,070 이는 큰 ISP, 인터넷 서비스 제공 업체입니다 889 00:49:35,070 --> 00:49:37,740 하버드처럼 그 곳까지 연결할 수 있습니다. 890 00:49:37,740 --> 00:49:40,760 하지만 일이 6 호선은 조금 흥미로운. 891 00:49:40,760 --> 00:49:45,960 내 비트 갑자기 어디 있나? 캔사스. 892 00:49:45,960 --> 00:49:49,300 세계는 이런 것들을 많이 공항 코드를 사용하는 버릇이있다 893 00:49:49,300 --> 00:49:52,900 또는 주 또는 도시에 대한 최소 약어에, 894 00:49:52,900 --> 00:49:56,490 그래서, 60 밀리에 보이는 것처럼 895 00:49:56,490 --> 00:49:59,420 정보 패킷, 0의 1 내 노트북​​에서 나온 896 00:49:59,420 --> 00:50:03,210 60 MS에서 캔사스 모든 방법 다시 알았어요. 897 00:50:03,210 --> 00:50:08,180 >> 또한, 캔사스 후, 그들은 아마 휴스턴를 통해 여행을했다 898 00:50:08,180 --> 00:50:10,140 본 서버의 이름으로 제안했다. 899 00:50:10,140 --> 00:50:13,310 그러니으로는 인터넷에서 서버는 숫자 주소가 있어야합니다 900 00:50:13,310 --> 00:50:18,360 또한, 선택적으로, 인간이 주신 것을 약간 더 인간 친화적 인 주소를 가질 수 있습니다. 901 00:50:18,360 --> 00:50:20,510 이제 8 단계에서, 우리는이게 뭔지 모르겠어요. 902 00:50:20,510 --> 00:50:22,550 때때로 라우터는 가지 당신을 무시 903 00:50:22,550 --> 00:50:25,010 하고 그냥 질문에 대답하지 않는, 잘 됐네 그럼. 904 00:50:25,010 --> 00:50:29,290 8 단계 후 한 무리가 어디있어? L.A. 905 00:50:29,290 --> 00:50:35,290 물리적 할 우리에게 6 + 시간 같은 인간 자질이 만 78 MS에서 발견, 906 00:50:35,290 --> 00:50:40,110 그렇게 멀리 여행 인터넷 78 밀리 초에 대한 정보의 패킷을집니다. 907 00:50:40,110 --> 00:50:45,890 10 단계는뿐만 아니라 LA에 있으며, 11 단계 스탠포드 근처, 북쪽으로 갔을 것 같습니다. 908 00:50:45,890 --> 00:50:48,750 이 자신의 경계 라우터 또는 경계 라우터입니다. 909 00:50:48,750 --> 00:50:51,240 우리를 무시 아르 스탠포드에서 몇 단계, 910 00:50:51,240 --> 00:50:55,610 그리고 마지막으로, 우리는 87 MS에서 웹 서버에 도달합니다. 911 00:50:55,610 --> 00:50:57,760 지금, 옆 이러한 숫자의 모든, 912 00:50:57,760 --> 00:51:00,640 단지 데이터가 나 한테 얻을하는 데 걸린 시간을 말해 913 00:51:00,640 --> 00:51:03,530 이러한 라우터의 각,하고 축적 아닙니다합니다. 914 00:51:03,530 --> 00:51:06,960 이 프로그램은 무엇이며, 그 먼저 첫 번째 라우터에, 본질적으로, 메시지를 보냅니다. 915 00:51:06,960 --> 00:51:09,490 그런 다음 두 번째 라우터에 한, 다음 하나 세 번째 라우터에, 916 00:51:09,490 --> 00:51:12,610 각 시간을 측정. 따라서 이론적으로,이 시간이 증가 될 것 917 00:51:12,610 --> 00:51:14,860 또는 적어도 상당히, 서로 가까이에 918 00:51:14,860 --> 00:51:18,090 그리고 사실은, 캠퍼스 바로 여기있는 사람들은 수퍼 작은 수 있습니다. 919 00:51:18,090 --> 00:51:20,820 당신이 전국 각지에서 진행을 시작 자마자, 그 데이터를 필요 920 00:51:20,820 --> 00:51:24,830 좀 더 여행을 100 밀리에 가까운, 어림 잡아서 수 있습니다. 921 00:51:24,830 --> 00:51:28,330 그러나이 지금 다른 방향을 가자. 어떻게 영국의 캠브리지 대학은 어때? 922 00:51:28,330 --> 00:51:32,540 나를 대신 캠브리지에 www.cam의 traceroute를 실행하자, 923 00:51:32,540 --> 00:51:36,710 학술하십시오. 교류. 영국, 히트는 여기 입력합니다. 924 00:51:36,710 --> 00:51:38,830 그래서 꽤 빨리했다. 925 00:51:38,830 --> 00:51:43,300 내 데이터는 그대로 시간을 초 찰라에, 캠브리지, 영국으로 갔다. 926 00:51:43,300 --> 00:51:45,340 >> 그러니 찍은 경로를 보자. 927 00:51:45,340 --> 00:51:47,520 하버드, 하버드, 하버드, 북부 뭐든 928 00:51:47,520 --> 00:51:52,690 빵 그리고 이는 ISP이며, 다음이 북부 '선택이며,. 929 00:51:52,690 --> 00:51:58,320 6 단계와 7 단계, 라우터 6과 7 사이에 무엇입니까? 930 00:51:58,320 --> 00:52:02,040 대서양 (Atlantic Ocean). 그리고 우리는 사실에서이를 유추하고 그 931 00:52:02,040 --> 00:52:06,530 여기 밀리 여기에 20 일부터 80 밀리로 이동합니다. 932 00:52:06,530 --> 00:52:10,050 그럼 뭔가가 줄 이상 얻으려면 걸릴, 60 밀리했다. 933 00:52:10,050 --> 00:52:12,910 그리고 아마도 물을 큰 몸이었다. 934 00:52:12,910 --> 00:52:15,250 어떻게 그 이후로 계속된다? 자, 우리는 런던에 935 00:52:15,250 --> 00:52:18,860 나중에 단지 88 밀리. 더 런던, 더 많은 런던, 936 00:52:18,860 --> 00:52:21,730 여기가 어딘 확인하지만, 저희는은 런던 외곽 가정하지 937 00:52:21,730 --> 00:52:26,390 여기 캠브리지, 그리고 마지막으로 - 캠브리지 그대로, 대학 938 00:52:26,390 --> 00:52:29,500 그럼. something.net, 그리고 마지막으로, 선 16, 939 00:52:29,500 --> 00:52:31,720 자신의 웹 서버는 겉보기에 전갈이라고합니다 940 00:52:31,720 --> 00:52:35,500 우리가 WWW로 알고 있더라도 후드 아래에. 941 00:52:35,500 --> 00:52:38,790 어떤 종류의 마음 - 불고, 나는 생각합니다. 내가 이런 짓을 처음, 너무 내 마음을 날려 버렸어. 942 00:52:38,790 --> 00:52:41,670 불행하게도, 하버드 트래픽의 일반적으로, 네트워크에서이 종류를 차단합니다. 943 00:52:41,670 --> 00:52:44,340 그래서 당신은 쉽게 슈퍼 할 수 없습니다. 944 00:52:44,340 --> 00:52:48,500 실현하지만, 여기이 가능합니다. 945 00:52:48,500 --> 00:52:53,630 괜찮아요. 의은 우리가 5 분 쉬었다합시다. 우리가 다시 와서 깊이에 잠수 할것입니다. 946 00:52:53,630 --> 00:53:00,850 그래서 우리는 돌아, 우리는 가지 여기에 몇 가지 다른 방향으로 약 ambled습니다. 947 00:53:00,850 --> 00:53:03,700 그럼 정확히 무슨 일이 일어나고 있었는지 요약 보자. 948 00:53:03,700 --> 00:53:07,990 우리는 HTML이라는 언어에 대해 이야기 대화를 시작했다. 949 00:53:07,990 --> 00:53:10,680 다시 말하지만, 아닌 프로그래밍 언어입니다. 그냥 마크 업 언어입니다 950 00:53:10,680 --> 00:53:15,490 그 웹 페이지의 형태 미학 및 콘텐츠의 구조에 대해 대부분입니다. 951 00:53:15,490 --> 00:53:19,220 그러나 HTML, 따라서 메커니즘의 어떤 필요 952 00:53:19,220 --> 00:53:22,870 웹 브라우저와 서버 사이에 여행. 953 00:53:22,870 --> 00:53:28,360 이 다른 언어의 위에 놀이기구의 HTML 따라서 정렬, 954 00:53:28,360 --> 00:53:31,280 이상 제대로, HTTP라는 프로토콜. 955 00:53:31,280 --> 00:53:33,730 >> 그리고 우리가 지금까지 본 적 한대로 HTTP, 956 00:53:33,730 --> 00:53:37,140 손을 흔들어이 인간 대회에 유사 가지입니다. 957 00:53:37,140 --> 00:53:39,940 브라우저가 서버에서 페이지를 요청하려고하면, 958 00:53:39,940 --> 00:53:43,450 그게 무엇인지는 브라우저에서 서버로 요청을 "GET"보내 959 00:53:43,450 --> 00:53:48,040 다음 서버가 200 번호로 응답, 모든 괜찮아, 960 00:53:48,040 --> 00:53:53,290 뿐만 아니라 HTML 또는 404 같은 좋은 번호로, 파일을 찾을 수 없습니다. 961 00:53:53,290 --> 00:53:58,220 그러나 한편, HTTP 자체가 당 SE, 인터넷하지 않습니다. 962 00:53:58,220 --> 00:54:01,550 HTTP, 그냥 인터넷의 기능 서비스입니다 963 00:54:01,550 --> 00:54:05,530 많은 G 채팅과 같은 또 다른 서비스입니다 많은 이메일처럼 또 다른 서비스입니다. 964 00:54:05,530 --> 00:54:09,180 우리가 인터넷에서 할 수있는 모든 일이 있어요. 965 00:54:09,180 --> 00:54:12,670 HTTP는 이러한 응용 프로그램 중 하나입니다. 966 00:54:12,670 --> 00:54:17,210 그럼 상단에 - HTTP 뭔가 상단에 있습니다 967 00:54:17,210 --> 00:54:21,750 우리가 이름을 언급하지 않은 것들, 당신은 이름, TCP / IP를 들어 본 적이 있습니다. 968 00:54:21,750 --> 00:54:25,160 그래서 우리는 그냥 얘기 한 이야기​​는 모두 약 969 00:54:25,160 --> 00:54:28,720 어떻게 데이터는 지점에서 B라는 지점까지 이동한다. 970 00:54:28,720 --> 00:54:30,950 그리고이 경우에, 우리는 매우 낮은 수준에서 본 971 00:54:30,950 --> 00:54:33,060 라우터는 라우터에 라우터에 라우터에 972 00:54:33,060 --> 00:54:35,390 어떻게 데이터를 실제로 전송되고 있습니다. 973 00:54:35,390 --> 00:54:40,510 그러나 그 길을 따라 등 다양한 장애 발생 예정이다. 974 00:54:40,510 --> 00:54:43,770 이러한 라우터 외에, 인터넷에 방화벽이라는 것과, 975 00:54:43,770 --> 00:54:46,680 그래서 데이터가 우리가 전달되었습니다 등 여러 976 00:54:46,680 --> 00:54:49,720 나에게서 스탠포드, 나 캠브리지, 977 00:54:49,720 --> 00:54:54,560 이 수준에서,로 전송됩니다, 뭔가가 IP 주소를했다. 978 00:54:54,560 --> 00:54:57,340 우리는 잠시 전에 이것을보고, 그리고 IP 주소 979 00:54:57,340 --> 00:55:02,480 양식 w.x.y.z의 단지 숫자 주소입니다 980 00:55:02,480 --> 00:55:08,070 이러한 각 사이이고, 제공 또는 0과 255을 981 00:55:08,070 --> 00:55:10,080 당신은 매우 그 숫자를 모두 사용할 수 없습니다 찬사를 보냅니다. 982 00:55:10,080 --> 00:55:14,220 그러나 이러한 장소 소유자의 각각 0과 255 사이의 숫자입니다. 983 00:55:14,220 --> 00:55:16,820 IP 주소 그래서 요즘은 32 비트입니다. 984 00:55:16,820 --> 00:55:20,780 >> 자, 우리에게 세계에서 얼마나 많은 가능한 IP 주소를 제공? 985 00:55:20,780 --> 00:55:24,420 약 4,000,000,000 때문에 우리는 2의 거듭 제곱으로 계산 할 때마다 986 00:55:24,420 --> 00:55:27,760 무언가의 32까지 모두가, 그게 우리에게 40 억 제공합니다. 987 00:55:27,760 --> 00:55:30,160 그럼, 그 IP 주소의 많이하지만, 읽기 수도 988 00:55:30,160 --> 00:55:32,410 또는 지금 인기있는 언론에 발견 할 수 989 00:55:32,410 --> 00:55:36,020 IP의 새 버전을 향해 밀어 넣기가 IPv6를했다. 990 00:55:36,020 --> 00:55:38,290 지금 우리는 버전 4를 사용하고 있습니다. 991 00:55:38,290 --> 00:55:41,060 정말 버전 5도 없어, 우리는 6 바로 점프하고 있습니다. 992 00:55:41,060 --> 00:55:46,760 버전 6은 거대한 놀랬 IP 주소에 대한 128 비트를 사용하는 것이다. 993 00:55:46,760 --> 00:55:49,430 우리는 상당히 오랫동안이 부족해서는 안 994 00:55:49,430 --> 00:55:52,980 하지만 우리는 버전 4 IP 주소가 부족하기 시작했다 995 00:55:52,980 --> 00:55:56,110 우리 모두는 노트북과 데스크톱 등뿐만 아니라 일을 가지고 있기 때문에 996 00:55:56,110 --> 00:55:58,700 대부분의 사람들이 휴대폰을 가지고 우리의 많은 다른 장치가 997 00:55:58,700 --> 00:56:01,600 티보 (TiVo)와 IP 주소 스스로가 그런 식처럼. 998 00:56:01,600 --> 00:56:03,720 하버드 자체가 컴퓨터 수만 있습니다. 999 00:56:03,720 --> 00:56:07,970 그래서 세상이 진정으로이 양식의 적어도, IP 주소 부족합니다. 1000 00:56:07,970 --> 00:56:10,340 따라서 앞으로 몇 년 동안, 당신은 주소를 볼 거예요 1001 00:56:10,340 --> 00:56:12,870 자신의 컴퓨터에 아마 천천히 변경 1002 00:56:12,870 --> 00:56:16,740 점점 더 많은 기업과 대학의 최신 버전을 지원하기 시작으로. 1003 00:56:16,740 --> 00:56:22,770 그러나 IP 주소는 컴퓨터 컴퓨터 B에서 데이터를 요청하기위한 충분하지 않습니다. 1004 00:56:22,770 --> 00:56:24,950 컴퓨터 B는 서버가 될 수 있기 때문에, 1005 00:56:24,950 --> 00:56:27,600 그리고 서버는 아까 언급 한 바와 같이, 일 움큼을 수행 할 수 있습니다. 1006 00:56:27,600 --> 00:56:29,940 이 웹 페이지를 호스팅 할 수 있습니다, 그것은, 이메일 서버가 될 수 1007 00:56:29,940 --> 00:56:32,310 가 스카이프 (Skype) 서버가 될 수는 G 채팅 서버가 될 수 있습니다. 1008 00:56:32,310 --> 00:56:35,870 >> 서버에 제공 할 수 있습니다 이러한 모든 다른 서비스 1009 00:56:35,870 --> 00:56:38,330 모든 물리적으로 같은 컴퓨터에있을 수 있습니다. 1010 00:56:38,330 --> 00:56:40,380 따라서 IP 주소뿐만 아니라, 1011 00:56:40,380 --> 00:56:43,250 세계는 인터넷에서 포트라는 것을이 있습니다. 1012 00:56:43,250 --> 00:56:47,830 포트는 단지 숫자입니다, 그래서 HTTP에 대한 고유 번호가 있습니다. 1013 00:56:47,830 --> 00:56:50,280 의 숫자는 80입니다. 1014 00:56:50,280 --> 00:56:55,870 HTTP는 암호화 된 HTTPS에 대해보다 구체적으로 숫자 443을 사용하지만. 1015 00:56:55,870 --> 00:57:00,030 당신은 보안을 위해 s를 볼 때마다 다른 번호를 사용하여 같네요. 1016 00:57:00,030 --> 00:57:06,580 그렇지 않으면 이메일로 알려진 SMTP라는 걸 사용 25 같은 다른 번호는,,,이 있습니다. 1017 00:57:06,580 --> 00:57:09,620 SSH 22이라는 게있어 1018 00:57:09,620 --> 00:57:11,850 및 기타 포트의 전체 무리가 밖에있어. 1019 00:57:11,850 --> 00:57:14,460 이제, 우리 인간은 거의 숫자를 볼 수 없습니다. 1020 00:57:14,460 --> 00:57:21,970 그러나, 당신은 http://www.facebook.com 같은 주소를 입력하면 1021 00:57:21,970 --> 00:57:26,560 당신은 HTTP를 사용하기 때문에 브라우저가 비밀리에 80를 삽입합니다. 1022 00:57:26,560 --> 00:57:30,630 당신이 대신 입력 HTTPS는 아무도 모르게 443을 삽입면. 1023 00:57:30,630 --> 00:57:35,180 나는 브라우어를 끌어한다면 우리는 수동으로 본다는 어떤 수 1024 00:57:35,180 --> 00:57:41,850 그리고 http://www.facebook.com:80로 이동합니다. 1025 00:57:41,850 --> 00:57:44,550 따라서 명시 적으로 웹 사이트의 단지 이름을하지 인용 1026 00:57:44,550 --> 00:57:47,650 하지만 제가 이야기하고자하는 포트 입력하고 Enter 키를 누르십시오. 1027 00:57:47,650 --> 00:57:50,170 브라우저가 가정했기 때문에, 사라 공지 사항 1028 00:57:50,170 --> 00:57:53,360 오, 80, 난 당신에게 그걸 보여 귀찮게하지 않을거야. 1029 00:57:53,360 --> 00:57:56,400 그러나 이것에 대한 이유는 실제로 사람이 이메일을 보내하고자 할 경우 즉, 1030 00:57:56,400 --> 00:58:02,340 정말 SMTP되는 것을 포트 25에서 그들에게 보내는됩니다. 1031 00:58:02,340 --> 00:58:04,890 oversimplification의 비트,하지만 몇 친구가 1032 00:58:04,890 --> 00:58:09,290 누가 실제로 페이스 북에서 일하고, 그들, 마찬가지로, 이메일을 수신 서버가 있습니다. 1033 00:58:09,290 --> 00:58:12,610 >> 당신이 이메일을 보내 어떤 시간, 어떤 Gmail은 당신을 위해 일합니다 1034 00:58:12,610 --> 00:58:14,960 또는 Outlook 또는 어떤 프로그램을 사용, 1035 00:58:14,960 --> 00:58:19,270 아무도 모르게이 경우,뿐만 아니라 25 그 번호를 삽입의 일종 이죠. 1036 00:58:19,270 --> 00:58:24,490 이 IP 주소와 고유하게 식별 번호의 조합입니다 1037 00:58:24,490 --> 00:58:29,190 인터넷에서 컴퓨터와 그 컴퓨터의 특정 서비스를 제공합니다. 1038 00:58:29,190 --> 00:58:33,460 지금, 물론, 우리 대부분은 아마 수동으로 IP 주소를 입력 한 적이 없습니다. 1039 00:58:33,460 --> 00:58:37,340 아마 당신은 어플라이언스에,하지만 현실 세계에서 많은하지 있습니다. 1040 00:58:37,340 --> 00:58:42,750 왜 우리는 브라우저에 IP 주소를 입력하지 마십시오? 1041 00:58:42,750 --> 00:58:45,860 그것은 일 것입니다 사실, 우리는이를 볼 수 있습니다, 내가 당신을 보여 드릴게요 1042 00:58:45,860 --> 00:58:50,000 Mac이나 PC에 하버드의 캠퍼스에서 가장 어디서나 작동해야 다른 명령을 사용합니다. 1043 00:58:50,000 --> 00:58:53,970 nslookup을, 이름 서버 조회라는이 명령이 있어요. 1044 00:58:53,970 --> 00:58:59,960 제가 www.cnn.com를 보면, CNN이 있다고 판명 - 오, 흥미 롭군요. 1045 00:58:59,960 --> 00:59:03,180 CNN은 아마존 웹 서비스를 사용하기 시작했습니다. 1046 00:59:03,180 --> 00:59:06,380 당신은 클라우드 컴퓨팅, 클라우드 컴퓨팅의 가장 큰 플레이어의 아마존 하나 알고 있습니다. 1047 00:59:06,380 --> 00:59:10,240 난 그냥 한거야, 내가 한 말, '나에게 CNN의 웹 서버의 주소를 알려' 1048 00:59:10,240 --> 00:59:14,090 하지만, CNN의 웹 서버가 아마존에 의해 관리되는 것이 밝혀 1049 00:59:14,090 --> 00:59:16,030 아마존 웹 서비스는이 제안합니다. 1050 00:59:16,030 --> 00:59:19,680 그리고 서버의 주소는 여기입니다. 1051 00:59:19,680 --> 00:59:22,350 이 작동하는 경우들이 아마존을 사용하여 사용하지 않았기 때문에 그래서, 잘 모르겠어요. 1052 00:59:22,350 --> 00:59:32,830 입력 http://를, IP 주소, -; 있지만, 이렇게 해보자 1053 00:59:32,830 --> 00:59:35,690 그 계획은 실패로가는거야? 1054 00:59:35,690 --> 00:59:39,280 예. 이 일을 예정이다. 인터넷 슈퍼 - 느슨한입니다. 1055 00:59:39,280 --> 00:59:43,680 그러나 순간에, 당신은 어떤 뉴스를 볼 수 있습니다. 1056 00:59:43,680 --> 00:59:48,360 우리는 간다. 뱅크 오브 아메리카는 고소당했습니다있어. 괜찮아요. 1057 00:59:48,360 --> 00:59:54,000 >> 이 IP 주소는 단지 www.cnn.com의 대명사가에게 무슨 일이 있기 때문입니다. 1058 00:59:54,000 --> 00:59:59,920 물론, 그것은 말 50.112.94.127에서 웹 우리를 방문하는 무시 무시한 마케팅입니다. 1059 00:59:59,920 --> 01:00:02,370 기억 없었어요. 그래서, 요즘 당신은 일을 기억 할 수 1060 01:00:02,370 --> 01:00:07,210 1-800-COLLECT 또는 기억술처럼 세상이 전화 번호를 내놓았다. 1061 01:00:07,210 --> 01:00:09,540 중, 휴대폰하기 전에, 기억하기보다는 열심히했다 1062 01:00:09,540 --> 01:00:11,800 당신은 그걸 그냥 입력하고 잊어 버리 될 때까지. 1063 01:00:11,800 --> 01:00:15,730 웹 그래서도, 이름과 IP 주소의 규칙을 가지고 1064 01:00:15,730 --> 01:00:17,770 DNS 서버가 불러 이러한 일이 있습니다 1065 01:00:17,770 --> 01:00:23,870 이름과 그 반대에 IP 주소를 변환 도메인 이름 시스템 서버. 1066 01:00:23,870 --> 01:00:26,340 의 무엇 후드 아래에 무슨 일 수 있도록. 1067 01:00:26,340 --> 01:00:29,540 결국, 우리는이 매우 낮은 수준의 프로토콜 TCP / IP를 가질 1068 01:00:29,540 --> 01:00:32,570 즉,, 정말로 공의와 1의 인터넷을 통해를 도착 1069 01:00:32,570 --> 01:00:36,030 그리고 가상 봉투에 넣어 넣어 그렇고, 1070 01:00:36,030 --> 01:00:38,820 당신이 가만히 있으면하고, 봉투 외부에 쓰기 1071 01:00:38,820 --> 01:00:43,930 목적지의 IP 주소뿐만 아니라 숫자 포트 번호 1072 01:00:43,930 --> 01:00:47,520 이 얘기하고 싶어하는 그 대상에 대한 서비스. 1073 01:00:47,520 --> 01:00:51,060 한편, 봉투에 반송 주소로 알려진 무언가도가 1074 01:00:51,060 --> 01:00:55,600 당신의 IP 주소를되도록 CNN 당신에게서 정보의 패킷을 오면, 1075 01:00:55,600 --> 01:00:58,710 ,이 가상 봉투를 여는 사용자가 홈 페이지를 원하는보고 1076 01:00:58,710 --> 01:01:04,630 만약이 가상 envelope 누구에게 HTML를 다시 보낼를 보낸 부분에서 알고 있습니다. 1077 01:01:04,630 --> 01:01:07,470 그럼 좀 더 자세히이를 살펴 보자. 1078 01:01:07,470 --> 01:01:11,370 이 몇 년에서 Ericson라는 회사에서 다시입니다. 1079 01:01:11,370 --> 01:01:14,780 그리고, 인터넷이 실제로 어떻게 작동하는지와 함께 자유를했습니다 1080 01:01:14,780 --> 01:01:18,920 하지만 여기에 단순한 분필까지보다 훨씬 더 시각적 인 그림을 그린다. 1081 01:01:18,920 --> 01:01:26,690 그래서 "인터넷의 비트."을 제공 1082 01:02:26,660 --> 01:02:29,840 >> 역사상 처음으로 [내레이터] 1083 01:02:29,840 --> 01:02:35,260 사람과 기계의 꿈을 실현 함께 노력하고 있습니다. 1084 01:02:35,260 --> 01:02:38,910 더 지리적 경계를 알지 못 연합 힘. 1085 01:02:38,910 --> 01:02:43,230 인종, 신념, 또는 색상에 관계없이. 1086 01:02:43,230 --> 01:02:47,770 통신 진정으로 함께 사람들을 제공합니다 새로운 시대. 1087 01:02:47,770 --> 01:02:50,070 입니다 1088 01:02:50,070 --> 01:02:54,980 인터넷의 새벽. 1089 01:02:54,980 --> 01:03:04,640 작동 방법을 알고 싶으십니까? 인터넷에 여행을 시작하려면 여기를 클릭하십시오. 1090 01:03:04,640 --> 01:03:07,890 해당 링크를 클릭하면 이제 정확히 어떻게 된거야? 1091 01:03:07,890 --> 01:03:10,150 당신은 정보의 흐름을 시작했다. 1092 01:03:10,150 --> 01:03:13,310 이 정보는 개인 메일 룸으로 들어가 여행 1093 01:03:13,310 --> 01:03:18,500 어디 씨 IP 패키지는 어서, 어서 라벨 및 그것의 방법에 보냅니다. 1094 01:03:18,500 --> 01:03:20,960 각 패킷은 그 크기 제한됩니다. 1095 01:03:20,960 --> 01:03:23,880 메일 룸 정보를 나눌 방법을 결정해야합니다 1096 01:03:23,880 --> 01:03:26,070 하고 포장하는 방법. 1097 01:03:26,070 --> 01:03:29,550 이제 패키지는 중요한 정보를 포함하는 라벨이 필요 1098 01:03:29,550 --> 01:03:35,570 보낸 사람의 주소, 수신기의 주소, 그리고이 패킷의 종류 등. 1099 01:03:51,700 --> 01:03:54,980 특정 패킷이 인터넷에 외출되어 있기 때문에하면, 1100 01:03:54,980 --> 01:03:57,720 또한, 프록시 서버의 주소를 얻을 1101 01:03:57,720 --> 01:04:01,520 우리가 나중에 보게 될 끝난다는 건 특별한 기능이 있습니다. 1102 01:04:01,520 --> 01:04:06,650 패킷이 로컬 영역 네트워크 또는 LAN에 시작됩니다. 1103 01:04:06,650 --> 01:04:10,160 이 네트워크는 모든 로컬 컴퓨터에 연결하는 데 사용됩니다 ' 1104 01:04:10,160 --> 01:04:15,900 건물의 물리적 벽 내의 정보 교환을위한 라우터, 프린터, 등등. 1105 01:04:15,900 --> 01:04:20,290 LAN은 불행하게도 매우 통제 곳이며, 1106 01:04:20,290 --> 01:04:23,950 사고가 발생할 수 있습니다. 1107 01:04:31,190 --> 01:04:34,710 LAN의 고속도로는 모든 유형의 정보들이 즐비합니다. 1108 01:04:34,710 --> 01:04:38,900 이러한 IP 패킷 노벨 패킷, AppleTalk 패킷 수 있습니다. 1109 01:04:38,900 --> 01:04:41,270 그들은 평소와 같이, 교통에 대한거야. 1110 01:04:41,270 --> 01:04:44,260 로컬 라우터는 필요한 경우 주소를 읽고 1111 01:04:44,260 --> 01:04:48,520 다른 네트워크에 패킷을 올렸 으니까요. 1112 01:04:48,520 --> 01:04:54,270 아, 라우터. 겉으로 분열증 세계에서 통제의 상징. 1113 01:04:54,270 --> 01:05:05,480 [라우터는 중얼 자체 이야기] 1114 01:05:05,480 --> 01:05:10,030 >> [나레이터]이 그는 무관심한, 조직적, 체계적인입니다 1115 01:05:10,030 --> 01:05:14,150 보수적 인, 때로는별로 속도를. 1116 01:05:14,150 --> 01:05:17,680 하지만 적어도 그는 대부분의 경우 정확한 것입니다. 1117 01:05:32,270 --> 01:05:36,820 패킷이 라우터를 떠나, 그들은 기업 인터넷으로의 길을 1118 01:05:36,820 --> 01:05:40,830 와 라우터 스위치 향합니다. 1119 01:05:40,830 --> 01:05:46,250 라우터보다 효율적 비트, 라우터 스위치는 신속하고 IP 패킷을 느슨하게 연주 1120 01:05:46,250 --> 01:05:48,920 deftly의 길을 따라 그들을 라우팅. 1121 01:05:48,920 --> 01:05:52,130 디지털 '핀볼 마법사', 당신이 가만히 있으면. 1122 01:05:52,130 --> 01:06:04,270 [자체 얘기하는 라우터 스위치] 1123 01:06:09,830 --> 01:06:12,150 [내레이터] 패킷이 목적지에 도착 1124 01:06:12,150 --> 01:06:14,740 그들은, 네트워크 인터페이스에 의해 픽업하고 1125 01:06:14,740 --> 01:06:18,040 다음 단계로 보내십시오. 준비 1126 01:06:18,040 --> 01:06:21,010 이 경우, 프록시. 1127 01:06:21,010 --> 01:06:25,040 프록시는 중간 사람의 종류로 많은 기업에 의해 사용됩니다 1128 01:06:25,040 --> 01:06:27,630 인터넷 연결의 부하를 줄일 수 있도록 1129 01:06:27,630 --> 01:06:32,240 및 보안상의 이유로,뿐만 아니라. 1130 01:06:32,240 --> 01:06:38,750 당신이 볼 수 있듯이, 패킷의 콘텐츠에 따라 다양한 크기의 수 있습니다. 1131 01:06:55,210 --> 01:07:01,890 프록시는 패킷을 열고 웹 주소 또는 URL을 찾습니다. 1132 01:07:01,890 --> 01:07:04,950 주소가 허용 여부에 따라, 1133 01:07:04,950 --> 01:07:08,000 패킷는 인터넷에 전송됩니다. 1134 01:07:13,890 --> 01:07:19,630 프록시의 승인을 충족하지 않는 주소는 그러나이 있습니다. 1135 01:07:19,630 --> 01:07:25,680 즉, 기업 또는 관리 가이드 라인을 말씀하는 것입니다. 1136 01:07:25,680 --> 01:07:30,580 이러한 summarily 처리됩니다. 1137 01:07:30,580 --> 01:07:32,410 우리는 그 누구도이 없습니다. 1138 01:07:32,410 --> 01:07:36,350 성공하는 사람들의 경우, 다시 도로입니다. 1139 01:07:46,850 --> 01:07:53,310 >> 다음은, 방화벽. 1140 01:07:53,310 --> 01:07:57,410 기업 방화벽은 두 가지 목적을 제공합니다. 1141 01:07:57,410 --> 01:08:02,420 그것은 인트라넷에 오는 인터넷에서 다소 불쾌한 일을 방지 1142 01:08:02,420 --> 01:08:10,280 그리고 또한 인터넷에 발송되는 민감한 기업 정보를 방지 할 수 있습니다. 1143 01:08:10,280 --> 01:08:12,980 일단 방화벽을 통해, 라우터는 패킷을 집어 들고 1144 01:08:12,980 --> 01:08:18,180 우리가 말대로, 많은 좁은 도로, 또는 대역폭에 그것을 저장합니다. 1145 01:08:18,180 --> 01:08:23,720 분명히, 도로가 그들 모두를 지켜 볼 수있을만큼 광범위하지 않습니다. 1146 01:08:23,720 --> 01:08:29,319 자, 당신은 길을 따라 그것을하지 않았나요 모든 패킷에 무슨 일이 궁금 수 있습니다. 1147 01:08:29,319 --> 01:08:32,270 그런데, 언제 씨 IP는 인정을받지 않습니다 1148 01:08:32,270 --> 01:08:35,000 패킷이 때문에 시간에 접수되었는지 1149 01:08:35,000 --> 01:08:39,890 그는 단순히 대체 패킷을 보냅니다. 1150 01:08:39,890 --> 01:08:44,760 우리는 지금 인터넷의 세계를 입력 할 수 있습니다. 1151 01:08:44,760 --> 01:08:49,370 우리의 전체 세계에 걸쳐 상호 네트워크의 spiderweb. 1152 01:08:49,370 --> 01:08:56,050 여기, 라우터 및 스위치는 네트워크 사이의 링크를 설정합니다. 1153 01:08:56,050 --> 01:08:59,200 이제 인터넷은 찾을 수 있습니다보다 완전히 다른 환경입니다 1154 01:08:59,200 --> 01:09:01,569 귀하의 LAN의 보호 벽 내에 있습니다. 1155 01:09:01,569 --> 01:09:04,060 여기까지,이 서부. 1156 01:09:04,060 --> 01:09:06,359 넓은 공간, 많은 기회, 1157 01:09:06,359 --> 01:09:09,760 탐색 할 것과 이동 장소도 많고. 1158 01:09:09,760 --> 01:09:12,760 거의 제어 및 규제 덕분에, 1159 01:09:12,760 --> 01:09:18,300 새로운 아이디어는 가능성의 봉투를 전달하는 비옥 한 토양을 찾으십시오. 1160 01:09:18,300 --> 01:09:22,330 그러나이 때문에 자유, 특정 위험 또한 숨어. 1161 01:09:22,330 --> 01:09:27,000 자네가 죽음의 무시 무시한 핑 (ping)을 만날 때 알 길이 없어, 1162 01:09:27,000 --> 01:09:29,890 정상적인 요청 핑의 특별 버전 1163 01:09:29,890 --> 01:09:35,720 어떤 어떤 바보가 엉망까지 의심하지 않는 호스트를 최대 알았는데. 1164 01:09:35,720 --> 01:09:39,130 우리 패킷이 걸릴 경로, 위성을 통해 할 수 있습니다 1165 01:09:39,130 --> 01:09:43,090 전화 회선, 무선, 심지어 해외 케이블. 1166 01:09:43,090 --> 01:09:46,520 그들은 항상 가장 빠른 또는 가장 짧은 경로가 가능하지 말아요 1167 01:09:46,520 --> 01:09:50,290 하지만 결국 갈 것입니다. 1168 01:09:50,290 --> 01:09:55,230 이 때때로이라는 이유 겠지 "월드 와이드 잠깐." 1169 01:09:55,230 --> 01:09:57,980 그러나 모든 일이 원활하게 작동 될 때 1170 01:09:57,980 --> 01:10:03,800 당신은 말 그대로 모자의 드롭에 다섯 번 이상 세계를 회피 할 수 있습니다. 1171 01:10:03,800 --> 01:10:08,230 모든 지역 통화 이하의 비용. 1172 01:10:08,230 --> 01:10:15,070 우리의 목적지의 끝 부분을 우​​리는 또 다른 방화벽을 찾을 수 있습니다. 1173 01:10:15,070 --> 01:10:18,420 >> , 데이터 패킷으로 관점에 따라 1174 01:10:18,420 --> 01:10:23,730 방화벽은 보안이나 무시 무시한 적의 보루가 될 수 있습니다. 1175 01:10:23,730 --> 01:10:28,530 그것은 모두가하고있어, 당신의 의도가 뭐야 어느 쪽이에 따라 달라집니다. 1176 01:10:28,530 --> 01:10:34,990 방화벽은 그 기준에 부합하는 만 패킷에 있도록 설계되어 있습니다. 1177 01:10:34,990 --> 01:10:39,360 이 방화벽은 포트 80 및 25 일에 운영됩니다. 1178 01:10:39,360 --> 01:10:46,630 다른 포트를 통해 입력하려는 모든 시도는 비즈니스에 문을 열지 않습니다. 1179 01:10:57,660 --> 01:11:03,480 포트 25가 메일 패킷에 사용됩니다, 1180 01:11:03,480 --> 01:11:10,720 포트 80는 인터넷에서 웹 서버에 패킷 입구에 있습니다. 1181 01:11:10,720 --> 01:11:15,080 방화벽 내부 패킷은 더 철저하게 검사를하고 있습니다. 1182 01:11:15,080 --> 01:11:17,970 일부 패킷은 세관을 통해 쉽게 확인 1183 01:11:17,970 --> 01:11:21,420 다른 사람들은 단지 조금 이상한 바라보며. 1184 01:11:21,420 --> 01:11:24,060 이제 방화벽 임원은 쉽게 속지되지 않습니다 1185 01:11:24,060 --> 01:11:32,120 이러한 사망 패킷의 ping이 정상 핑 (ping) 패킷으로 자신을 위장하려고 할 때 있습니다. 1186 01:11:32,120 --> 01:11:37,520 [패킷 이야기 방화벽 임원] 1187 01:11:37,520 --> 01:11:40,510 [내레이터]이 여기까지 할 정도로 운이 좋은 사람들 패킷 들어, 1188 01:11:40,510 --> 01:11:45,730 여행은 거의 끝났습니다. 1189 01:11:45,730 --> 01:11:52,130 단지 웹 서버에 최대 연결되는 인터페이스 줄이야. 1190 01:11:52,130 --> 01:11:55,440 현재, 웹 서버는 여러 가지를 실행할 수 있습니다 1191 01:11:55,440 --> 01:11:59,230 메인 프레임에서 책상에 컴퓨터에 웹 캠 있습니다. 1192 01:11:59,230 --> 01:12:01,720 왜 당신의 냉장고? 1193 01:12:01,720 --> 01:12:04,870 당신은 자질이있는 경우 적절한 설정을 사용하면 확인할 수 있습니다 1194 01:12:04,870 --> 01:12:08,390 카챠 토레 치킨에 대한, 또는 쇼핑을해야하는 경우. 1195 01:12:08,390 --> 01:12:11,760 단,이 인터넷의 새벽입니다. 1196 01:12:11,760 --> 01:12:17,310 거의 아무 것도이 가능합니다. 1197 01:12:17,310 --> 01:12:20,440 하나 하나는, 패킷이 접수 1198 01:12:20,440 --> 01:12:26,320 열어 압축을 푼. 1199 01:12:26,320 --> 01:12:31,200 에 포함 된 정보, 즉, 정보 요청, 1200 01:12:31,200 --> 01:12:34,830 웹 서버 응용 프로그램에 전송됩니다. 1201 01:12:41,540 --> 01:12:47,140 패킷 자체는 재활용입니다 1202 01:12:47,140 --> 01:12:57,570 다시 사용하고, 요청 된 정보로 가득 할 준비가, 1203 01:12:57,570 --> 01:13:03,340 해결하고, 다시 그 길에 보냈다. 1204 01:13:03,340 --> 01:13:13,250 다시 과거 방화벽, 라우터, 인터넷에 통해 있습니다. 1205 01:13:13,250 --> 01:13:21,020 위로 기업 방화벽을 통해 1206 01:13:21,020 --> 01:13:24,180 귀하의 인터페이스로, 1207 01:13:24,180 --> 01:13:31,180 귀하 께서 요청하신 정보를 사용하여 웹 브라우저를 제공 할 준비가. 1208 01:13:31,180 --> 01:13:39,840 즉,이 영화입니다. 1209 01:13:39,840 --> 01:13:43,550 그들의 노력에 만족하고 더 나은 세계를 신뢰, 1210 01:13:43,550 --> 01:13:50,250 우리의 믿음직한 데이터 패킷 또 다른 하루의 일몰에 살았었 사라져야 1211 01:13:50,250 --> 01:13:56,880 완벽하게는 잘 자신의 주인을 제공 한 알고. 1212 01:13:56,880 --> 01:14:02,560 자, 이제 행복하지? 1213 01:14:02,560 --> 01:14:07,040 [Malan 좋아, 이제 그만. 우리는 다음 주에 볼 수 있습니다. 1214 01:14:07,040 --> 01:14:10,040 [CS50.TV]