1
00:00:00,000 --> 00:00:01,390

2
00:00:01,390 --> 00:00:04,890
>> [음악 연주]

3
00:00:04,890 --> 00:00:10,955

4
00:00:10,955 --> 00:00:12,580
DAVID J 마란 : 좋아, 다시 오신 것을 환영합니다.

5
00:00:12,580 --> 00:00:13,600
이 CS50입니다.

6
00:00:13,600 --> 00:00:15,540
이 주 일곱의 끝입니다.

7
00:00:15,540 --> 00:00:18,180
그리고 그 폐품의 종말
문제에서 사냥 사를 설정

8
00:00:18,180 --> 00:00:19,220
당신은 기억 할 수있다.

9
00:00:19,220 --> 00:00:21,650
전부를 회수하고
직원의 그 JPEG 파일,

10
00:00:21,650 --> 00:00:24,820
당신이 원하신다면 당신은 도전했다
많은 자신을 촬영하는

11
00:00:24,820 --> 00:00:25,981
당신이 할 수있는 그 사람의.

12
00:00:25,981 --> 00:00:28,480
우리는 제출의 전체 무리를 얻었다
지난 몇 주 동안,

13
00:00:28,480 --> 00:00:32,980
사실, 꽤 많은 권리 정오 전에
오늘, 그 중 일부는, 여기에 그들이다

14
00:00:32,980 --> 00:00:37,670
애넌 버그 라니 보이는 말야 ... 여기 발견
여기에 근무 시간에 홀, 하나

15
00:00:37,670 --> 00:00:39,530
닉과 로웰 하우스.

16
00:00:39,530 --> 00:00:41,750
여기 라몬는 휴대 전화에 잡히지입니다.

17
00:00:41,750 --> 00:00:43,870
이 CS50 점심에 있었​​다.

18
00:00:43,870 --> 00:00:46,840
이 제이슨과 Skyping했다
창조적 인 동급생,

19
00:00:46,840 --> 00:00:48,280
누가 그에게 이런 식으로 전화를 걸었다.

20
00:00:48,280 --> 00:00:49,690
우리는 이것이 무엇인지 모른다.

21
00:00:49,690 --> 00:00:51,940
>> [웃음]

22
00:00:51,940 --> 00:00:54,570
>> DAVID J 마란 :하지만
즉 기가 바이트 가치가있다.

23
00:00:54,570 --> 00:00:56,960
여기 장, 누가
말 그대로 무대를 도망

24
00:00:56,960 --> 00:01:00,480
한 촬영되는 일을 방지 할
하루,하지만 결국 붙 잡혔다.

25
00:01:00,480 --> 00:01:02,050
여기에 닉입니다.

26
00:01:02,050 --> 00:01:03,480
여기에 닉입니다.

27
00:01:03,480 --> 00:01:04,080
여기에 닉입니다.

28
00:01:04,080 --> 00:01:05,090

29
00:01:05,090 --> 00:01:07,670
그리고 여기에 앨리슨 아래로 필드에 있습니다.

30
00:01:07,670 --> 00:01:11,840
그리고 Zamyla도 발견되었다
볼룸 경쟁에서.

31
00:01:11,840 --> 00:01:14,100
그래서 우리는 통과합니다
이 사진은 파악

32
00:01:14,100 --> 00:01:16,690
누구 제출 한 가장
초기 및 보상

33
00:01:16,690 --> 00:01:20,662
하나의 멋진 상품 등
사양에 약속했다.

34
00:01:20,662 --> 00:01:23,120
그리고 우리는 또한 약 드리겠습니다
포함 된 공간.

35
00:01:23,120 --> 00:01:26,860
>> announcements-- 그래서 점심의 커플
다시 1:15 PM에 이번 금요일입니다.

36
00:01:26,860 --> 00:01:30,420
당신이 우리와 함께하고 싶다면,
여기에 해당 URL에 답장.

37
00:01:30,420 --> 00:01:33,730
제이슨 하나를 여기에 다시 나타납니다
년의 섹션의 몇

38
00:01:33,730 --> 00:01:35,510
다시, 어떤 일이
할로윈에 가을.

39
00:01:35,510 --> 00:01:38,950
그리고 실제로, 그는 같은 옷을 입고
특정 년 호박.

40
00:01:38,950 --> 00:01:42,700
이 섹션을 볼 경우
자신의 일에서 2011 섹션의

41
00:01:42,700 --> 00:01:46,480
여덟, 당신이 궁금해하는 경우,
CS50.tv에서, 나는 생각한다

42
00:01:46,480 --> 00:01:49,730
이 해였다있는
그의 공기 펌프가 작동했다.

43
00:01:49,730 --> 00:01:52,490
>> 당신은 다음을 볼 경우
2012 년과 유사한 부분,

44
00:01:52,490 --> 00:01:55,620
당신은 많은 수축이 제이슨을 볼 수 있습니다
소송은 더 이상 작용하지 않기 때문에,

45
00:01:55,620 --> 00:01:58,060
어떤 말을 만입니다
금요일, 당신이하려는 경우

46
00:01:58,060 --> 00:02:02,720
데 이븐와 호박을 개척하고자
그리고 게이브와 다른, 머리에 답장

47
00:02:02,720 --> 00:02:04,480
cs50.harvard.edu 주소.

48
00:02:04,480 --> 00:02:06,200
그것은 큰 즐거움이 될 것입니다.

49
00:02:06,200 --> 00:02:08,660
데 이븐, 우리는 말했다 새겨 져있어
그의 삶의 모든 호박.

50
00:02:08,660 --> 00:02:11,930
브라질 가브리엘은 결코 없습니다
할로윈 호박 조각.

51
00:02:11,930 --> 00:02:14,700
그는 배운다 그래서 그들과 함께있을 수.

52
00:02:14,700 --> 00:02:16,830
>> 세미나, meanwhile--
그래서 당신은 빨리 배울 수 있습니다

53
00:02:16,830 --> 00:02:20,650
에 대한 어떤 기대가됩니다
최종 프로젝트, 이는 본질적으로

54
00:02:20,650 --> 00:02:23,150
졸이다 것
디자인 및 구현

55
00:02:23,150 --> 00:02:26,440
관심의 프로젝트에 가장
승인을 조건이기는하지만 여러분,

56
00:02:26,440 --> 00:02:28,490
당신의 교육 동료의지도.

57
00:02:28,490 --> 00:02:32,110
의 끝으로
학기, 우리는 수 소개

58
00:02:32,110 --> 00:02:35,610
옵션 클래스입니다 세미나,의
조교와 하버드에 의해 주도

59
00:02:35,610 --> 00:02:38,570
직원, 전체 코스의 친구
다양한 주제에 캠퍼스, 그

60
00:02:38,570 --> 00:02:41,470
접선 있습니다
과정의 기본 강의

61
00:02:41,470 --> 00:02:45,590
하지만 그럼에도 불구하고 적용, 재미, 그리고
잠재적 인 최종 프로젝트에 대한 다른.

62
00:02:45,590 --> 00:02:49,530
>> 예를 들어, 첫 번째, 당신이 원하신다면
이 해당 URL에, 머리를 등록합니다.

63
00:02:49,530 --> 00:02:53,010
그리고 이것은의 라인업입니다
혼자 올해의 세미나.

64
00:02:53,010 --> 00:02:56,060
그러나 우리는 수십 깨닫는다
년 과거의 세미나, 모두의

65
00:02:56,060 --> 00:02:59,774
세미나 메뉴에 연결되어
물론 웹 사이트의 옵션을 선택합니다.

66
00:02:59,774 --> 00:03:02,190
당신에 대해 생각하고 그래서 경우
당신의 안락 지역을 넘어

67
00:03:02,190 --> 00:03:05,060
또는 새로운 기술을 따기,
예를 들어, 아이폰 프로그래밍

68
00:03:05,060 --> 00:03:08,100
스위프트, 새로운 언어와 애플 리케이션
애플 또는 목표 - C에서

69
00:03:08,100 --> 00:03:11,230
또는 안드로이드는 앱 또는 프로그래밍 [? 큐?]
전구, 또는 항목 중

70
00:03:11,230 --> 00:03:15,490
여기에 더 때문에 검진
등록 페이지가 부족합니다.

71
00:03:15,490 --> 00:03:19,730
>> 그래서 우리는 시작에 결론
HTTP를 찾고 월요일.

72
00:03:19,730 --> 00:03:22,675
너무 빨리 refresher-- HTTP,
하이퍼 텍스트 전송 프로토콜.

73
00:03:22,675 --> 00:03:24,045
하지만 정말 무엇을 의미 하는가?

74
00:03:24,045 --> 00:03:26,805

75
00:03:26,805 --> 00:03:27,930
정말 무엇을 의미 하는가?

76
00:03:27,930 --> 00:03:30,665

77
00:03:30,665 --> 00:03:31,290
그게 손인가?

78
00:03:31,290 --> 00:03:33,074

79
00:03:33,074 --> 00:03:34,740
나는 당신이 당신의 머리를 긁적 거 알아요.

80
00:03:34,740 --> 00:03:36,400
하지만 당신은 HTTP가 무엇인지 제시 할?

81
00:03:36,400 --> 00:03:37,792

82
00:03:37,792 --> 00:03:40,576
>> 청중 : 어떻게 컴퓨터
[들림] 통신.

83
00:03:40,576 --> 00:03:41,517

84
00:03:41,517 --> 00:03:43,100
DAVID J 마란 : 나는 마지막 부분을 놓쳤다.

85
00:03:43,100 --> 00:03:45,774
컴퓨터 먹게됐다 통신하는 방법

86
00:03:45,774 --> 00:03:47,325
>> 청중 : 인터넷 서버.

87
00:03:47,325 --> 00:03:50,450
DAVID J 마란 : 인터넷과 소용이
서버, 구체적으로는, 웹 서버.

88
00:03:50,450 --> 00:03:53,533
리콜 때문에, 한 무리있다
인터넷 서비스, 일부의

89
00:03:53,533 --> 00:03:57,349
당신은 채팅 사이에 매일 아마 사용
및 메시지, 채팅, 웹, 이메일,

90
00:03:57,349 --> 00:03:57,890
등을들 수있다.

91
00:03:57,890 --> 00:04:00,900
그리고 HTTP는 단지입니다
프로토콜 웹 브라우저 그

92
00:04:00,900 --> 00:04:03,750
와 통신 할 때 말하는
웹 서버, 반대의 경우도 마찬가지.

93
00:04:03,750 --> 00:04:05,580
그리고에서 아날로그
인간의 세계는, 수 있습니다

94
00:04:05,580 --> 00:04:08,730
나는 몇 가지를 흔들어 내 손을 확장
다른 사람의 그 또는 그녀

95
00:04:08,730 --> 00:04:11,970
확장하여 인정
자신의 손뿐만 아니라.

96
00:04:11,970 --> 00:04:13,970
그래서 그냥 프로토콜입니다,
규칙의 집합.

97
00:04:13,970 --> 00:04:15,630
>> 그리고 그 규칙은 참으로 무엇인가?

98
00:04:15,630 --> 00:04:18,640
음, 그냥 아래로 비등
앞뒤로 메시지 전송,

99
00:04:18,640 --> 00:04:19,770
우리는 여기에 묘사 된 것처럼.

100
00:04:19,770 --> 00:04:22,520
그리고 몇 가지 방법에있다
이는 당신이이 메시지를 보낼 수 있습니다.

101
00:04:22,520 --> 00:04:24,360
그리고 아마도 가장
일반적으로는 GET으로 알려져있다.

102
00:04:24,360 --> 00:04:26,510
그리고 우리는 대조를 볼 수 있습니다
이 긴 전에.

103
00:04:26,510 --> 00:04:30,010
>> 그러나 브라우저에서 GET 요청
서버에 바로 다음과 같습니다.

104
00:04:30,010 --> 00:04:32,960
그것은 박았 텍스트의 무리이다
가상 봉투의 내부.

105
00:04:32,960 --> 00:04:35,854
그 봉투의 외측에
세부의 몇 조각을 이동합니다.

106
00:04:35,854 --> 00:04:37,770
무엇에 갈 필요가
봉투는, 그래서, 말하자면

107
00:04:37,770 --> 00:04:41,820
같은 요청을 얻기 위해서는
웹 서버 나에게서이?

108
00:04:41,820 --> 00:04:42,320
그래.

109
00:04:42,320 --> 00:04:43,270
>> 청중 : 당신의 IP 주소.

110
00:04:43,270 --> 00:04:45,890
>> DAVID J 마란 : 내 IP 주소
에서 필드에, 말하자면,

111
00:04:45,890 --> 00:04:49,490
그리고 물론,
받는 사람의 IP 주소입니다.

112
00:04:49,490 --> 00:04:52,710
하지만 웹 패킷의 경우,
우리는 좀 더 자세하게 필요

113
00:04:52,710 --> 00:04:55,254
그것은 단지에 충분한 아니다
서버에 봉투를 보내,

114
00:04:55,254 --> 00:04:57,670
해당 서버는 수 있기 때문에
다른 유형의 듣기

115
00:04:57,670 --> 00:04:59,180
인터넷 트래픽의.

116
00:04:59,180 --> 00:05:01,370
그래서 다른 우리가해야합니까
받는 사람의 IP 외에?

117
00:05:01,370 --> 00:05:02,723

118
00:05:02,723 --> 00:05:03,222
그래?

119
00:05:03,222 --> 00:05:04,241
>> 청중 :이 TCP인가?

120
00:05:04,241 --> 00:05:05,074
DAVID J 마란 : 좋은.

121
00:05:05,074 --> 00:05:06,470
TCP--

122
00:05:06,470 --> 00:05:07,340
>> 청중 : 주소.

123
00:05:07,340 --> 00:05:09,340
>> DAVID J 마란 : 주소,
또는 호출의 포트로.

124
00:05:09,340 --> 00:05:11,010
닫기하지만, TCP 포트 번호입니다.

125
00:05:11,010 --> 00:05:12,220
그리고 이들의 무리가있다.

126
00:05:12,220 --> 00:05:14,310
그러나 확실하게 가장
익숙해야 결국

127
00:05:14,310 --> 00:05:17,590
기본이되는 것입니다, 80 일
하나는 웹 트래픽에 사용.

128
00:05:17,590 --> 00:05:20,040
그리고 다른 친숙한
하나는 곧 443이 될 것입니다

129
00:05:20,040 --> 00:05:24,280
이는 보안 웹에 사용되는
교통, https로 시작하는 URL.

130
00:05:24,280 --> 00:05:26,650
>> 그래서이 간다 무엇인가
그 봉투의 내부.

131
00:05:26,650 --> 00:05:29,780
그리고 얻을 / 그냥주는 의미
내가 기본 웹 페이지를 참조하십시오.

132
00:05:29,780 --> 00:05:32,700
나에게 하드의 루트를 줘
해당 웹 서버에 드라이브.

133
00:05:32,700 --> 00:05:36,050
그리고 희망, 웹
OK,로 응답합니다 서버

134
00:05:36,050 --> 00:05:39,630
단, 전화 번호 (200),
모든, 그래, 말 대회

135
00:05:39,630 --> 00:05:40,470
참으로 OK입니다.

136
00:05:40,470 --> 00:05:41,680
다음 페이지입니다.

137
00:05:41,680 --> 00:05:45,510
웹 페이지의 종류는 것입니다
텍스트 일​​ 수 있지만,보다 구체적으로는, HTML,

138
00:05:45,510 --> 00:05:47,010
이는 우리가 뒷면에 뛰어들에 대한 것입니다.

139
00:05:47,010 --> 00:05:49,877
그리고 도트 도트는 도트
수단, 여기에 HTML입니다.

140
00:05:49,877 --> 00:05:51,710
그리고 그게 어디 우리
오늘 이야기를 데리러

141
00:05:51,710 --> 00:05:55,740
실제로, HTML을 작성
하이퍼 텍스트 마크 업 언어, 어떤

142
00:05:55,740 --> 00:05:57,727
언어가되는
웹 페이지가 기록됩니다.

143
00:05:57,727 --> 00:05:59,060
그것은 프로그래밍 언어 아니다.

144
00:05:59,060 --> 00:06:01,270
아무런 기능이 없다
또는 루프 또는 조건.

145
00:06:01,270 --> 00:06:03,800
이것은 마크 업 언어이다,
뿐만 아니라 오늘 다시 참조

146
00:06:03,800 --> 00:06:07,240
즉, 사용자가 지정 할 수 있습니다
구조와 스타일을 적용하는 방법

147
00:06:07,240 --> 00:06:09,300
심미적으로 웹 페이지.

148
00:06:09,300 --> 00:06:11,470
>> 그래서 이것은 하나
만 페이지 우리 정말

149
00:06:11,470 --> 00:06:13,930
간단히 경우 월요일에, 바라 보았다.

150
00:06:13,930 --> 00:06:16,250
그리고 몇 가지주의
두드러진 특징.

151
00:06:16,250 --> 00:06:20,170
열린 각도가 많이있다
브래킷과 가까운 각도 브래킷.

152
00:06:20,170 --> 00:06:23,160
그 각도 사이에서
괄호는 단어입니다.

153
00:06:23,160 --> 00:06:25,660
그리고 우리는 시작하는거야
그 단어 태그를 호출.

154
00:06:25,660 --> 00:06:28,800
그래서 열린 브래킷 머리
닫힌 브래킷 머리

155
00:06:28,800 --> 00:06:33,620
개방과 폐쇄 태그입니다,
또는 시작과 끝 태그

156
00:06:33,620 --> 00:06:37,660
각각 HTML 요소,
우리가 전화 할게로, 머리를했다.

157
00:06:37,660 --> 00:06:41,760
그리고 같은 전문 용어가 적용됩니다
HTML에 등 몸에.

158
00:06:41,760 --> 00:06:43,970
>> 그리고 어떤 좋은 것은이다
HTML-- 실제로, 우리는거야

159
00:06:43,970 --> 00:06:47,187
거기에 정말 약간의 시간을 보내고,
당신은 대부분 단지 알아낼 것이기 때문에

160
00:06:47,187 --> 00:06:49,770
무엇을 제공하는 때가
실제로 구체적인 문제가

161
00:06:49,770 --> 00:06:52,820
당신이 그것을 찾을 수 solve--합니다
브라우저는 꽤 바보입니다.

162
00:06:52,820 --> 00:06:56,450
그냥 달리하지를 싫어합니다 것
당신이 그것을 말해 무엇 computer--.

163
00:06:56,450 --> 00:06:59,279
그리고 당신이 열려있는 경우
맨 위에 브래킷 HTML

164
00:06:59,279 --> 00:07:01,320
거기에, 그 본질적
다만 의미, 헤이, 브라우저,

165
00:07:01,320 --> 00:07:04,090
여기 HTML로 작성된 웹 페이지가 온다.

166
00:07:04,090 --> 00:07:06,130
>> 그것은 오픈 브래킷을 볼 때
다만 의미 머리,,

167
00:07:06,130 --> 00:07:10,350
이봐, 브라우저, 여기에 머리를 제공, 또는
내 웹 페이지의 맨 위 부분.

168
00:07:10,350 --> 00:07:14,192
그것은 폐쇄 브래킷을 볼 때
다만 이봐, 의미 머리,,

169
00:07:14,192 --> 00:07:15,150
즉, 머리를합니다.

170
00:07:15,150 --> 00:07:16,420
뭔가 다른 대기.

171
00:07:16,420 --> 00:07:18,878
그리고 다른 그 무언가가있다
분명히 몸이 될 것이다.

172
00:07:18,878 --> 00:07:22,630
그리고 당신은 태그, 등이없는 경우
당신은 그냥 인사, 쉼표, 세계를

173
00:07:22,630 --> 00:07:26,610
그건 그냥 원시 텍스트가 될 것 그
궁극적으로 화면에 표시됩니다.

174
00:07:26,610 --> 00:07:29,220
>> 이제, 당신도 알 수 있습니다
여기에 들여 쓰기.

175
00:07:29,220 --> 00:07:32,160
당신은 아마 추측 할 수
어떻게 우리가 그것을 stylizing하고 있습니다.

176
00:07:32,160 --> 00:07:34,850
내가 태그를 열 때마다,
말하자면, 나는 들여.

177
00:07:34,850 --> 00:07:38,540
그리고 때마다 나는 닫습니다
태그, I 유엔 들여 쓰기,

178
00:07:38,540 --> 00:07:40,690
중괄호 정신에는 변함이.

179
00:07:40,690 --> 00:07:43,470
그리고 그 이상, 나는 종류 해요
내 판단을 사용.

180
00:07:43,470 --> 00:07:48,380
내가 타격 귀찮게하지 않았다 공지 사항
그 제목 태그의 내부에 입력합니다.

181
00:07:48,380 --> 00:07:48,990
왜?

182
00:07:48,990 --> 00:07:51,920
글쎄, 난 그냥 보았다 결정
나에게 작은 청소기, 인간,

183
00:07:51,920 --> 00:07:53,181
단지 그 일을 귀찮게하지합니다.

184
00:07:53,181 --> 00:07:54,930
그래서 다시, 거기에 몇 가지
판단은 호출

185
00:07:54,930 --> 00:07:57,670
같은 C 또는 언어가있다.

186
00:07:57,670 --> 00:08:04,110
>> 그러나 너무주의 사항이 들여 쓰기는
정신 모델에 빌려 준다,

187
00:08:04,110 --> 00:08:05,670
하지를 복잡하게 이상합니다.

188
00:08:05,670 --> 00:08:07,020
그러나 나무, 맞죠?

189
00:08:07,020 --> 00:08:09,290
당신은 웹을 생각하면
페이지, 분명히 기록

190
00:08:09,290 --> 00:08:12,050
이와 같이, 인 등
잘, 그런 식으로 들여 쓰기

191
00:08:12,050 --> 00:08:17,390
당신은 거의 오픈 브래킷 생각할 수
HTML 폐쇄 브래킷 태그의 경계를한다

192
00:08:17,390 --> 00:08:21,380
노드의 루트 가계도
나무의 스타일에서 스타일 노드

193
00:08:21,380 --> 00:08:22,900
우리는 지난 금요일 보았다.

194
00:08:22,900 --> 00:08:27,630
>> 그리고 실제로, 우리는 바로 여기에있다
우리는 DOM, D-O-M, 문서 전화 할게 무엇

195
00:08:27,630 --> 00:08:31,680
개체 모델, 말하는 멋진 방법
그 HTML을 대표하는 나무.

196
00:08:31,680 --> 00:08:36,140
그리고 HTML가 가지고있는 것을 알, 우리는 말할 것이다
가계도, 두 아이 같은.

197
00:08:36,140 --> 00:08:37,659
왼쪽 머리입니다.

198
00:08:37,659 --> 00:08:39,179
오른쪽에 기관이다.

199
00:08:39,179 --> 00:08:44,220
>> 단지 어리석은 생각 운동으로,
머리는 물론, 얼마나 많은 아이가

200
00:08:44,220 --> 00:08:46,070
이러한 구조에있어서?

201
00:08:46,070 --> 00:08:48,200
그래서 한, title--
우리가 가지고있는 이유입니다

202
00:08:48,200 --> 00:08:50,580
제목에 머리에서가는 화살표.

203
00:08:50,580 --> 00:08:55,110
그래서에서 그 사람처럼이다
가계도는 한 자손을했다.

204
00:08:55,110 --> 00:08:58,230
그리고 제목 자체는 수
너무 아이를 말할 수.

205
00:08:58,230 --> 00:09:01,780
>> HTML이 있다고하자
안녕하세요, 쉼표, 그 아래의 세계.

206
00:09:01,780 --> 00:09:06,090
그리고 나는 단순히 내에서 그려했습니다
대신 사각형의 타원형 단지

207
00:09:06,090 --> 00:09:10,559
그하더라도 의미 전달하는
이는 말하자면, 트리에서 노드의,

208
00:09:10,559 --> 00:09:12,100
그것은 일종의 근본적으로 다르​​다.

209
00:09:12,100 --> 00:09:12,800
이 태그 아니다.

210
00:09:12,800 --> 00:09:14,780
또는 더 적절하게, 그것은 요소 아니다.

211
00:09:14,780 --> 00:09:16,590
당신이 경우 그것은 단지 텍스트 노드입니다.

212
00:09:16,590 --> 00:09:18,990
그러나이 완전히 아르
임의의 인간의 규칙.

213
00:09:18,990 --> 00:09:23,180
이것은 단지 지금 방법입니다
집계로 내가 정액을 나타내는

214
00:09:23,180 --> 00:09:24,340
문서를 호출합니다.

215
00:09:24,340 --> 00:09:27,750
>> 그리고에서 제외하고, 일 등
슈퍼 왼쪽 상단 모서리,

216
00:09:27,750 --> 00:09:32,080
대괄호 느낌표 문서
형 HTML,이, 태그처럼 보인다

217
00:09:32,080 --> 00:09:35,560
하지만 바보 코너 케이스 곳입니다
그 그냥 거기, 복사 및 붙여

218
00:09:35,560 --> 00:09:38,460
브라우저를 표시합니다
이 HTML 버전 5입니다.

219
00:09:38,460 --> 00:09:41,540
세계는 무엇을 변화 유지
페이지 코드의 첫 번째 줄 수 있어야합니다.

220
00:09:41,540 --> 00:09:43,820
이것은 단지 버전 5를 의미한다.

221
00:09:43,820 --> 00:09:45,950
그래서 꽤 않습니다
다른 사람처럼 보인다.

222
00:09:45,950 --> 00:09:48,120
>> 그 너무 좋아,
당신은 지금 감사합니다 말했다

223
00:09:48,120 --> 00:09:50,767
이 공정이 바보
문신 사람이 있어요.

224
00:09:50,767 --> 00:09:51,990
>> [웃음]

225
00:09:51,990 --> 00:09:54,210
>> DAVID J 마란 : 좋아,
지금 실제로 다이빙의하자

226
00:09:54,210 --> 00:09:55,710
이와 일을 넣습니다.

227
00:09:55,710 --> 00:09:58,610
당신은 그 마지막 시간을 기억합니다
나는 CS50 어플라이언스를 열어

228
00:09:58,610 --> 00:10:01,650
나는 같은 짓을
개방의 gedit 간단.

229
00:10:01,650 --> 00:10:05,190
그리고 난에 파일을 저장
내 desktop-- 아무 special--

230
00:10:05,190 --> 00:10:05,870
hello.html있다.

231
00:10:05,870 --> 00:10:07,100

232
00:10:07,100 --> 00:10:10,984
>> 그래서 내가 그렇게하자
again-- hello.html를 누릅니다.

233
00:10:10,984 --> 00:10:13,900
그리고 지금은이 파일에, 내가 갈거야
가서 복제 우리 단지

234
00:10:13,900 --> 00:10:18,850
안됐어 문서 형식 HTML은 다음 나는 갈거야
열린 브래킷 HTML 폐쇄 브래킷을한다.

235
00:10:18,850 --> 00:10:21,890
그리고 나서 선제에 갈거야
열고 태그를 닫습니다.

236
00:10:21,890 --> 00:10:22,390
왜?

237
00:10:22,390 --> 00:10:23,598
그냥 나중에 잊지 마세요.

238
00:10:23,598 --> 00:10:26,850
그것은 개방처럼, 단지 좋은 습관이다
그리고 한 번에 모두 닫기 중괄호.

239
00:10:26,850 --> 00:10:28,900
>> 그리고 무슨 일이 다음에 온거야?

240
00:10:28,900 --> 00:10:30,582
당신은 문신 생각할 수 있습니다.

241
00:10:30,582 --> 00:10:31,450
>> 청중 : 머리.

242
00:10:31,450 --> 00:10:32,500
>> DAVID J 마란 : 머리.

243
00:10:32,500 --> 00:10:36,020
그리고 여기에서, 나는
제목을했다, 나는 생각한다.

244
00:10:36,020 --> 00:10:39,886
그리고 제목, 임의로이었다
안녕하세요, 세계 닫기 제목입니다.

245
00:10:39,886 --> 00:10:42,760
그리고 여기에 아래로, 몸의
course-- 우리는 body 태그를 닫습니다.

246
00:10:42,760 --> 00:10:45,660
그리고 단지 다소 중복,
나는 아래로 여기에 같은 일을했다.

247
00:10:45,660 --> 00:10:47,150
>> 그래서 나는이 웹 페이지이라고 주장한다.

248
00:10:47,150 --> 00:10:49,050
이것은 뭔가 그
이제 웹에서 살 수있는,

249
00:10:49,050 --> 00:10:51,925
도 물론 있지만, 그것은 말 그대로
지금 내 바탕 화면에 살고.

250
00:10:51,925 --> 00:10:55,837
그러나 실제로, 내가 gedit를 최소화하는 경우,
내 바탕 화면의 아이콘을 볼 수 있습니다.

251
00:10:55,837 --> 00:10:58,420
이 장비가 있다고해도,
당신은 맥 OS에서이 작업을 수행 할 수

252
00:10:58,420 --> 00:11:01,580
텍스트 편집기없이 또는
메모장과 윈도우.

253
00:11:01,580 --> 00:11:06,115
>> 그리고 내가 가서 더블 클릭
심지어, 그리고 선택해 아니라,의를하자

254
00:11:06,115 --> 00:11:07,990
때문에 그 선택하지
크롬은 개방 아니에요.

255
00:11:07,990 --> 00:11:09,281
이제 가서 크롬을 열 수 있습니다.

256
00:11:09,281 --> 00:11:10,160

257
00:11:10,160 --> 00:11:14,040
다음 명령-O 열기를 할
그리고 내 바탕 화면으로 이동

258
00:11:14,040 --> 00:11:15,320
해당 파일을 엽니 다.

259
00:11:15,320 --> 00:11:20,120
브라우저가 해석하는 방법 때문이다
HTML, 위에서 아래로는, 왼쪽에서 오른쪽으로.

260
00:11:20,120 --> 00:11:21,314
이봐, 브라우저가 여기에 HTML입니다.

261
00:11:21,314 --> 00:11:21,980
여기에 머리입니다.

262
00:11:21,980 --> 00:11:23,250
여기에 제목입니다.

263
00:11:23,250 --> 00:11:24,090
여기에 몸입니다.

264
00:11:24,090 --> 00:11:26,620
그리고 사실,이 방법입니다
그것은 그 웹 페이지를 렌더링합니다.

265
00:11:26,620 --> 00:11:27,800
>> 그러나 URL을 확인할 수 있습니다.

266
00:11:27,800 --> 00:11:32,430
당신의 없음이 특정을 끌어 없었다
지금 당신의 노트북에 페이지,

267
00:11:32,430 --> 00:11:34,910
심지어 내부 당신의
그 URL을 통해 기기,

268
00:11:34,910 --> 00:11:40,130
파일 때문에 : //는 사실의 표시
내 파일 시스템 내 하드 드라이브,

269
00:11:40,130 --> 00:11:40,990
하지 당신.

270
00:11:40,990 --> 00:11:42,440
그래서이 모든 것을 유용하지 않습니다.

271
00:11:42,440 --> 00:11:44,940
>> 의 지금으로 이동하자
실제 웹 서버를 사용.

272
00:11:44,940 --> 00:11:48,309
그리고 CS50 어플라이언스를 밝혀
단지 환경​​ 곳보다 더

273
00:11:48,309 --> 00:11:51,100
당신은 C 코드를 작성하고 컴파일 할 수 있습니다
당신이하고 있었던 것 같은 그것을 실행합니다.

274
00:11:51,100 --> 00:11:55,500
또한 의해 구성된
직원은 일반적인 웹을 대표하는

275
00:11:55,500 --> 00:11:58,290
인터넷의 서버,
당신이 지불 할 수 하나

276
00:11:58,290 --> 00:12:00,210
소위 클라우드에서 나 하나.

277
00:12:00,210 --> 00:12:02,600
>> 그리고 실행중인
표준 무료 오픈 소스

278
00:12:02,600 --> 00:12:06,160
소프트웨어, 예를 들어, 뭔가
아마도라는 아파치,

279
00:12:06,160 --> 00:12:08,700
여전히 가장 인기있는 웹
세계에서 서버 소프트웨어

280
00:12:08,700 --> 00:12:11,030
수천 개의 웹 사이트가 현재 사용하는.

281
00:12:11,030 --> 00:12:13,420
그리고 그것은 또한도있다
MySQL은 같은 소프트웨어,

282
00:12:13,420 --> 00:12:16,240
이는 데이터베이스 서버 인
우리는 결국 얻을 거라고,

283
00:12:16,240 --> 00:12:18,330
어떤 말을 만입니다
나는 치료를 시작할 수 있습니다

284
00:12:18,330 --> 00:12:22,040
전체 깃털 서버로 내 기기
제가 다른 곳에서 못 내요.

285
00:12:22,040 --> 00:12:25,980
그냥 내 자신의 노트북에 살고
개발과 편리함 목적.

286
00:12:25,980 --> 00:12:27,870
>> 그럼 가서하자
이 활용.

287
00:12:27,870 --> 00:12:30,120
나는 앞서 갈거야 및
터미널 창을 엽니 다.

288
00:12:30,120 --> 00:12:33,030
그리고 앞서 갈거야 및
처음 난, 실제로 move--

289
00:12:33,030 --> 00:12:34,860
내 바탕 화면으로 이동하는 것.

290
00:12:34,860 --> 00:12:36,400
내가 LS 할 경우, hello.html있다.

291
00:12:36,400 --> 00:12:37,022

292
00:12:37,022 --> 00:12:38,730
그리고 나는 갈거야
앞서 및 사용 시작

293
00:12:38,730 --> 00:12:40,800
우리가했습니다 새로운 디렉토리
오늘 이전에 사용되지 않습니다.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- 나는 이동하는거야
가상 hosts--에 대한 ../vhosts에

295
00:12:46,840 --> 00:12:50,940
다음 future--과에서 해당에 대한 자세한
로컬 호스트라는 디렉토리에,

296
00:12:50,940 --> 00:12:54,420
거의에게 주어진 별명은있다
어떤 컴퓨터가 맥, PC의 여부,

297
00:12:54,420 --> 00:12:57,560
리눅스 컴퓨터 다음 또는
특히 디렉토리에 그 우리,

298
00:12:57,560 --> 00:13:01,260
직원은 이미 때를 위해 만든
당신은라는 제품을 다운로드

299
00:13:01,260 --> 00:13:01,760
공공.

300
00:13:01,760 --> 00:13:04,551
그리고 그 이름은, 아무것도 알 수 있듯이
나는 이론적으로,이 폴더에 넣어

301
00:13:04,551 --> 00:13:07,790
지금이 될 것입니다
공공, 적어도 사람들에게

302
00:13:07,790 --> 00:13:10,030
직접이있는 사람
내 컴퓨터에 연결.

303
00:13:10,030 --> 00:13:13,160
>> 그래서 지금 내가 가서하자
같은 디렉토리에 CD를 할

304
00:13:13,160 --> 00:13:15,490
그래서 나는 무엇을 볼 수 있습니다
에 가서 ls를 입력.

305
00:13:15,490 --> 00:13:17,630
그리고 사실, 그건
거기에 유일한 것.

306
00:13:17,630 --> 00:13:23,250
나는 지금이 넣어 가지고 있기 때문에 주장
디렉토리 안에 hello.html 파일

307
00:13:23,250 --> 00:13:26,940
디렉토리의 공공 내부라고
디렉토리의 내부라는 로컬 호스트

308
00:13:26,940 --> 00:13:29,810
라는 가상 호스트, 어떤
CS50 직원 덕분에

309
00:13:29,810 --> 00:13:34,390
로 사전 구성되어 있습니다
웹 서버의 루트,

310
00:13:34,390 --> 00:13:36,900
지금은 희망이 작업을 수행 할 수 있습니다.

311
00:13:36,900 --> 00:13:38,390
>> 나는 새 탭을 열거야.

312
00:13:38,390 --> 00:13:40,090
//을 : 그리고 파일을하지 갈거야.

313
00:13:40,090 --> 00:13:44,520
나는 실제 사용하는거야
HTTP / localhost를하는

314
00:13:44,520 --> 00:13:47,470
다시, 별명이다
내 자신의 서버.

315
00:13:47,470 --> 00:13:51,085
그리고 나는에 갈거야 무슨
파일 이름, 단지 명확하게?

316
00:13:51,085 --> 00:13:52,680

317
00:13:52,680 --> 00:13:54,320
이 이야기는 아마 어디거야?

318
00:13:54,320 --> 00:13:56,066

319
00:13:56,066 --> 00:13:56,565
hello.html.

320
00:13:56,565 --> 00:13:58,350

321
00:13:58,350 --> 00:14:04,270
>> 즉 그래서, 지금이 원하는
내 컴퓨터, 내 자신의 장비이며,

322
00:14:04,270 --> 00:14:05,660
그것이 실제 서버의 것처럼.

323
00:14:05,660 --> 00:14:07,490
별명은 localhost입니다.

324
00:14:07,490 --> 00:14:10,210
그러나 로컬 호스트의 생각 등
Facebook.com google.com, 뭐든간에.

325
00:14:10,210 --> 00:14:11,600
그냥 내 로컬 이름입니다.

326
00:14:11,600 --> 00:14:14,810
그리고 내가 원하는 마지막은에
하드 드라이브의 루트는, 그래서, 말하자면

327
00:14:14,810 --> 00:14:17,729
또는 웹 서버의 루트,
다음 슬래시 ERGO과

328
00:14:17,729 --> 00:14:18,770
파일 이름 hello.html.

329
00:14:18,770 --> 00:14:19,880

330
00:14:19,880 --> 00:14:21,930
>> 나 축소를 입력하고 Enter 키를 누르십시오 보자.

331
00:14:21,930 --> 00:14:24,266
그리고 실제로 지금 내 웹 페이지가있다.

332
00:14:24,266 --> 00:14:25,390
그래서 약간 다릅니다.

333
00:14:25,390 --> 00:14:26,880
그리고 그것은 단지 실망으로합니다.

334
00:14:26,880 --> 00:14:27,904
이것은 이전 버전입니다.

335
00:14:27,904 --> 00:14:29,070
나를 위로 글꼴을 축소 할 수 있습니다.

336
00:14:29,070 --> 00:14:29,745
이것은 오래된.

337
00:14:29,745 --> 00:14:30,890
이 새로운 기능입니다.

338
00:14:30,890 --> 00:14:35,430
그러나 근본적으로 무슨 일이야
이제 HTTP를 사용하고 있다는 점이다.

339
00:14:35,430 --> 00:14:39,344
>> 의이 조금 더 명확 나 만들어 보자,
좀 더 복잡한, 당신이됩니다.

340
00:14:39,344 --> 00:14:41,760
나 오른쪽 하단에 가자
내 기기의 모서리.

341
00:14:41,760 --> 00:14:44,000
그리고이 모든 것을 알 수
시간은 숫자가있었습니다.

342
00:14:44,000 --> 00:14:47,330
즉, 고유 한 주소입니다
당신의 CS50 어플라이언스의.

343
00:14:47,330 --> 00:14:50,800
그것은 개인 주소입니다
172.16에 의해 묵시적으로,

344
00:14:50,800 --> 00:14:53,860
이는 단지 만 물리적으로 의미
이 웹 서버에 액세스 할 수 있습니다.

345
00:14:53,860 --> 00:14:56,340
모든 것이 방화벽되고
잘 나머지 보호

346
00:14:56,340 --> 00:14:58,130
이 때문에 세계의 주소.

347
00:14:58,130 --> 00:15:01,920
>> 내가 가면 이제하지만주의
나의 기기에이 주소,

348
00:15:01,920 --> 00:15:04,340
하지만 맥 OS--에 나는 갈거야
여기에 돌아갑니다.

349
00:15:04,340 --> 00:15:05,930
이 지금 내 맥입니다.

350
00:15:05,930 --> 00:15:08,460
지금은 개방하고
여기에 크롬이 버전.

351
00:15:08,460 --> 00:15:17,370
그리고 HTTP에 갈거야 : //172.16.25
/ 나는 rest-- (133) 잊어 버려.

352
00:15:17,370 --> 00:15:25,210
>> 그래서 난 내 맥에서 방문하는거야
그 IP 주소를 입력 /hello.html.

353
00:15:25,210 --> 00:15:29,850
그리고 지금은 내 맥에서 볼
내 CS50 어플라이언스 것을, 사람이다

354
00:15:29,850 --> 00:15:32,600
IP 주소는 점이다
번호, 실제로 작동하고

355
00:15:32,600 --> 00:15:34,320
인터넷에서 웹 서버 등을 포함한다.

356
00:15:34,320 --> 00:15:36,944
그것은에 좋은 쉬운이 없습니다
Facebook.com과 같은 이름을 기억,

357
00:15:36,944 --> 00:15:40,370
그러나 HTTP 사용하고
분명히, 비록 크롬

358
00:15:40,370 --> 00:15:43,560
종류의 세계를 단순화한다
우리하지만 HTTP 우리를 표시하지.

359
00:15:43,560 --> 00:15:46,210
그러나 이것은 참으로 정확히이다.

360
00:15:46,210 --> 00:15:48,470
크롬은 그냥 몇 가지 사항을 저장
요즘 키 입력.

361
00:15:48,470 --> 00:15:50,530
그리고 우리가 지금 무엇을보고합니다.

362
00:15:50,530 --> 00:15:51,890
>> 그래서 잘 할.

363
00:15:51,890 --> 00:15:53,740
그러나 그것은 꽤 실망 페이지입니다.

364
00:15:53,740 --> 00:15:56,230
내가 가서 일을하자
지금은 조금 다르다.

365
00:15:56,230 --> 00:15:57,910
그래서 날의 gedit로 돌아가 보자.

366
00:15:57,910 --> 00:16:00,580
대신 인사의가,
세계는의 이미지를 만들어 보자.

367
00:16:00,580 --> 00:16:05,880
그리고 나는 나 가자 before--에서 주장
내 로컬 호스트 디렉토리 공개에.

368
00:16:05,880 --> 00:16:10,580
그리고 내가 가서 복사하자
오늘부터 파일의 전체 무리

369
00:16:10,580 --> 00:16:15,633
내 드롭 박스 폴더에서 여기에.

370
00:16:15,633 --> 00:16:19,470

371
00:16:19,470 --> 00:16:21,680
>> 내가 LS를 입력하면 이제 봐
모든 파일에서

372
00:16:21,680 --> 00:16:24,940
나는 배포했다고
오늘의 사전에 코스의 웹 사이트,

373
00:16:24,940 --> 00:16:26,830
하나는 여전히 hello.html이다.

374
00:16:26,830 --> 00:16:27,830
그래서 하나가있다.

375
00:16:27,830 --> 00:16:30,730
그리고이 바보를 기억
마지막 외엔 cat.jpg에서.

376
00:16:30,730 --> 00:16:34,550
그래서 저를 포함 해보자
내 웹 페이지의 내부 cat.jpg.

377
00:16:34,550 --> 00:16:37,690
>> 나는 앞서 갈거야
와, cat.jpg을 저장합니다.

378
00:16:37,690 --> 00:16:38,950
나 크롬으로 돌아 가자.

379
00:16:38,950 --> 00:16:41,140
그리고 저를 확대하자
글꼴 이제 다시로드합니다.

380
00:16:41,140 --> 00:16:43,090

381
00:16:43,090 --> 00:16:45,030
아차,이 어디에 넣어?

382
00:16:45,030 --> 00:16:48,210

383
00:16:48,210 --> 00:16:51,520
Standby-- 나는 여전히 이전을
내 바탕 화면의 개방에서 버전.

384
00:16:51,520 --> 00:16:56,020
그래서 내, 내 가상 호스트로 가자
localhost를 내 공개 및 hello.html.

385
00:16:56,020 --> 00:16:57,320

386
00:16:57,320 --> 00:17:00,670
그래서 지금 내가 가서하자
몸의 내부 cat.jpg 말

387
00:17:00,670 --> 00:17:02,830
내가 원하는 곳이 될
표시 및 다시로드합니다.

388
00:17:02,830 --> 00:17:04,560
물론, 이것은 올바르지 않습니다.

389
00:17:04,560 --> 00:17:08,050
>> 그래서 브라우저에게 조금 말할 필요
더 신중하게 내가하고 싶은 것을.

390
00:17:08,050 --> 00:17:10,210
단순히 이름이 입력
분명 충분하지 않습니다.

391
00:17:10,210 --> 00:17:15,134
그래서 다른 있다는 것을 기억
태그, 이미지, 짧은 IMG.

392
00:17:15,134 --> 00:17:17,550
그건 그냥 인간 때문에이야
유형 전체 단어를 좋아하지 않는다.

393
00:17:17,550 --> 00:17:19,050
그리고 우리는 = "cat.jpg를"소스를 할 수 있습니다.

394
00:17:19,050 --> 00:17:21,470

395
00:17:21,470 --> 00:17:23,550
>> 그리고 지금 내가 할거야
여기에 한 가지 다른.

396
00:17:23,550 --> 00:17:25,390
심지어 모든하지만
우리 태그는 지금까지 가질

397
00:17:25,390 --> 00:17:28,086
이 개념을 가지고 있었다
시작 태그와 종료 태그,

398
00:17:28,086 --> 00:17:30,210
정말하지 않습니다
이미지에 대한 의미, 권리?

399
00:17:30,210 --> 00:17:32,430
이미지 중 하나가 아닌지있다.

400
00:17:32,430 --> 00:17:36,650
그래서 인간은 온
간단한 규칙을 가진 최대.

401
00:17:36,650 --> 00:17:40,310
당신은 태그가 때 할 수있는 두
시작과 같은 것 외엔에 종료

402
00:17:40,310 --> 00:17:43,790
그것은 그래서 그냥 speak--하기 위해, 비어있을 수
태그 내부에 슬래시를 넣어

403
00:17:43,790 --> 00:17:44,710
맨 마지막에.

404
00:17:44,710 --> 00:17:45,776

405
00:17:45,776 --> 00:17:47,150
이제 내 브라우저로 다시 가자.

406
00:17:47,150 --> 00:17:50,377
다시로드 젠장, 뭔가 잘못 누르십시오.

407
00:17:50,377 --> 00:17:52,460
당신은 아마 본 적이
때때로 웹,

408
00:17:52,460 --> 00:17:53,600
경우에도 그것은 당신의 잘못되지입니다.

409
00:17:53,600 --> 00:17:54,766
그것은 웹 서버의 잘못이다.

410
00:17:54,766 --> 00:17:56,240
무엇 송가이 시사?

411
00:17:56,240 --> 00:17:57,450

412
00:17:57,450 --> 00:17:58,009
그것은 깨진.

413
00:17:58,009 --> 00:17:59,300
이미지가 속한 곳이다.

414
00:17:59,300 --> 00:17:59,700
그래?

415
00:17:59,700 --> 00:18:01,560
>> 청중 :하지만하지 않습니다
이미지에 액세스 할 수 있습니다.

416
00:18:01,560 --> 00:18:03,070
>> DAVID J 마란 : 그것은하지 않습니다
이미지에 액세스 할 수 있습니다.

417
00:18:03,070 --> 00:18:05,230
즉, 또는 더 나쁜, 어쩌면
심지어는 존재하지 않습니다.

418
00:18:05,230 --> 00:18:06,729
우리가 진단을 할 수 있는지 보자.

419
00:18:06,729 --> 00:18:09,390
마지막에서 기억을 되살려 그
크롬, 어플라이언스,

420
00:18:09,390 --> 00:18:11,870
또는 Mac 또는 PC에,
당신은 개발자 메뉴로 이동

421
00:18:11,870 --> 00:18:14,650
및 개발자 도구로 이동
옵션, 아마 당신이했습니다

422
00:18:14,650 --> 00:18:16,850
별로 또는 지금 사용.

423
00:18:16,850 --> 00:18:20,780
그리고 네트워크로 이동하는 경우
하고 페이지를 다시로드,

424
00:18:20,780 --> 00:18:24,110
의 실제로 HTTP를 살펴 보자
이루어지고있다 요청.

425
00:18:24,110 --> 00:18:28,400
>> hello.html 인 것 같습니다
참으로 OK, 따라서 (200).

426
00:18:28,400 --> 00:18:30,630
그러나 cat.jpg는 403입니다.

427
00:18:30,630 --> 00:18:31,650
그래서 404이 아니다.

428
00:18:31,650 --> 00:18:33,490
파일은 아마 존재한다.

429
00:18:33,490 --> 00:18:35,250
(403)는 금지 된 것을 의미한다.

430
00:18:35,250 --> 00:18:37,790
그래서 조금 혼란 스럽다.

431
00:18:37,790 --> 00:18:42,340
난 다시 갈거야
내 터미널 창에.

432
00:18:42,340 --> 00:18:43,700
나를 여기까지 확대 할 수 있습니다.

433
00:18:43,700 --> 00:18:44,750
그리고 나를 LS를 할 수 있습니다.

434
00:18:44,750 --> 00:18:46,430
그 같은 파일이있다.

435
00:18:46,430 --> 00:18:49,410
>> 이제 나를 LS-L을하자,
당신은 아마했습니다있는

436
00:18:49,410 --> 00:18:53,350
파일을 보시려면 이전에 사용
크기 또는 어쩌면 타임 스탬프.

437
00:18:53,350 --> 00:18:55,590
그리고 우리의 전체 무리를 참조
압도적 인 정보를 제공합니다.

438
00:18:55,590 --> 00:18:57,040
그러나 몇 가지 세부 사항을 알 수 있습니다.

439
00:18:57,040 --> 00:19:01,660
여기에 hello.html이에있어
여기에 행 여기 cat.jpg입니다.

440
00:19:01,660 --> 00:19:02,934

441
00:19:02,934 --> 00:19:05,850
그리고 그것은되는 단지 어플라이언스의
JPEG의 강조 표시하여 사용자 친화적 인

442
00:19:05,850 --> 00:19:07,380
이 같은 자주색.

443
00:19:07,380 --> 00:19:11,470
하지만 다른 어떤 것은 옆에 다른
파일 크기와 파일명?

444
00:19:11,470 --> 00:19:13,438

445
00:19:13,438 --> 00:19:14,754
>> 청중 : [들리지].

446
00:19:14,754 --> 00:19:16,920
DAVID J 마란 : 네, 거기에
의 여기 두 개 더 R.

447
00:19:16,920 --> 00:19:20,170
hello.html이 진행 것에 주목하라.

448
00:19:20,170 --> 00:19:24,050
그래서 이름 밝혀
이 디렉토리 대중은 중요하다.

449
00:19:24,050 --> 00:19:26,400
이 디렉토리에 아무것도
공개하기위한 것입니다.

450
00:19:26,400 --> 00:19:28,790
그러나 충분한 아니다
그냥 거기에있는 파일을 삭제합니다.

451
00:19:28,790 --> 00:19:31,480
또한 변경해야
파일 모드

452
00:19:31,480 --> 00:19:35,180
의 권한을 변경
파일 적극적으로하지 않음에

453
00:19:35,180 --> 00:19:37,650
기본 설정 수,
이는 단지 내가 읽을 수 있다는 것입니다

454
00:19:37,650 --> 00:19:39,220
내가 주인되고, 그 물품.

455
00:19:39,220 --> 00:19:43,540
나는 전 세계 모든 사람들에게 원하는
말하자면, 내 파일을 읽을 수 있습니다.

456
00:19:43,540 --> 00:19:44,950
단지 그것을 볼 의미 읽으십시오.

457
00:19:44,950 --> 00:19:49,780
>> 그리고 참으로 당신은 문제에 볼 수 있습니다
일곱 설정, 그게 무슨 이러한 R의 평균입니다.

458
00:19:49,780 --> 00:19:53,160
이 두 가지 R의 평균은 모든 사람을 보자
다른 세계도, 그것을 읽고

459
00:19:53,160 --> 00:19:55,300
특히 지금
그것은이 디렉토리에 있습니다.

460
00:19:55,300 --> 00:19:59,620
그래서이 문제를 해결하는 가장 간단한 방법이다
내 프롬프트로 이동 및 변경 chmod를 할

461
00:19:59,620 --> 00:20:05,580
모드하고는, 모두, + 연구를 수행
모든 사람이 읽기에 대한 모든 플러스 R,

462
00:20:05,580 --> 00:20:07,944
다음 cat.jpg를 누릅니다.

463
00:20:07,944 --> 00:20:10,360
아무것도 일어날 것없는
일반적으로 좋은 일을 의미한다.

464
00:20:10,360 --> 00:20:13,850
지금 again-- 그래서 LS-L
의는 cat.jpg 살펴 보자.

465
00:20:13,850 --> 00:20:15,750
그리고이 권한
변경 한 것으로 보인다.

466
00:20:15,750 --> 00:20:18,670
로 제쳐두고, 당신이 만드는 경우
실수하고, 예를 들면,

467
00:20:18,670 --> 00:20:23,210
그냥 내가 에세이를 안다고하지 않는 너의 ... 만든
공개적으로 사고 액세스,

468
00:20:23,210 --> 00:20:25,480
당신이 반대를 할 수-R chmod를.

469
00:20:25,480 --> 00:20:25,909

470
00:20:25,909 --> 00:20:28,200
솔직히하지만, 그것은해야하지
공용 디렉토리에

471
00:20:28,200 --> 00:20:29,760
어쨌든는 우려가 있다면.

472
00:20:29,760 --> 00:20:32,475
>> 그래서 이제 다시 가자
내 브라우저를 다시로드합니다.

473
00:20:32,475 --> 00:20:32,904

474
00:20:32,904 --> 00:20:34,820
그리고 클릭거야
작은 고스트 버스 터즈

475
00:20:34,820 --> 00:20:38,030
기호는 그 부분을 취소합니다
화면은 그래서 우리는 새로운 요청을 볼 수 있습니다.

476
00:20:38,030 --> 00:20:40,630
그리고 실제로, 여기
이전부터 Grump 고양이.

477
00:20:40,630 --> 00:20:43,010
하지만 더 중요한 것은,
기술적으로,이

478
00:20:43,010 --> 00:20:45,565
수 (200), 어떤
우리가 확인을 가지고 의미합니다.

479
00:20:45,565 --> 00:20:47,190
좋아, 그래서 잘 할 전부입니다.

480
00:20:47,190 --> 00:20:48,940
그러나 우리는 제작하지 않을
웹 사이트의 가장 좋은,

481
00:20:48,940 --> 00:20:51,967
도 우리는 너무 열심히하려고 예정
웹 사이트의 좋은 호텔을 오늘합니다.

482
00:20:51,967 --> 00:20:54,550
그러나의 적어도 일을 할 수 있도록
덜컹 거리는 전에 슈퍼 익숙한

483
00:20:54,550 --> 00:20:56,030
몇 가지 다른 태그 끕니다.

484
00:20:56,030 --> 00:20:58,470
그래서 난 그냥 여기에 고양이를 원하지 않는 가정합니다.

485
00:20:58,470 --> 00:21:02,530
실제로이 원하는 가정
고양이는 무언가에 링크.

486
00:21:02,530 --> 00:21:07,210
>> 나는 수도, 예를 들어
이 같은 뭔가.

487
00:21:07,210 --> 00:21:08,580

488
00:21:08,580 --> 00:21:12,890
대한 앵커 HREF에 대한
하이퍼 참조 equals--

489
00:21:12,890 --> 00:21:17,440
그리고 그냥 뭔가를 할 수 있도록
www.google.com 가까운 같은

490
00:21:17,440 --> 00:21:19,540
대괄호를 인용.

491
00:21:19,540 --> 00:21:22,000
그리고 지금 고양이를 검색합니다.

492
00:21:22,000 --> 00:21:23,520
닫기 앵커 태그.

493
00:21:23,520 --> 00:21:26,760
그래서 이것은 단지 한 종류가 있습니다
의 근본적으로 새로운 세부 사항.

494
00:21:26,760 --> 00:21:28,190
물론 태그는 다르다.

495
00:21:28,190 --> 00:21:31,770
이 앵커의 이름이다
HREF 또는 하이퍼 참조.

496
00:21:31,770 --> 00:21:35,269
>> 하지만 더 중요한 것은, 거기에
여기에이 구문 기능입니다.

497
00:21:35,269 --> 00:21:37,810
이것은 우리가 호출 시작합니다 것입니다
하지 태그,하지만 속성.

498
00:21:37,810 --> 00:21:40,830
그리고 속성은 무엇인가입니다
태그의 동작을 수정합니다.

499
00:21:40,830 --> 00:21:45,400
그리고이 속성, href를 수단
이 앵커의 동작을 수정

500
00:21:45,400 --> 00:21:48,430
, 그것을 클릭있어 때 너무
여기이 URL로 이동합니다.

501
00:21:48,430 --> 00:21:50,330
그리고 물론, 그 URL은 구글이다.

502
00:21:50,330 --> 00:21:53,951
>> 한편, 어떤이는
될 것 여기에 텍스트?

503
00:21:53,951 --> 00:21:55,950
그게 될 것
어떤 사람이 실제로

504
00:21:55,950 --> 00:21:58,470
밑줄로 본다
링크, 아주 간단.

505
00:21:58,470 --> 00:21:59,220
그럼 이것을 시도 할 수 있습니다.

506
00:21:59,220 --> 00:21:59,980
내가 그것을 저장할 수 있습니다.

507
00:21:59,980 --> 00:22:01,650
나는 hello.html 여전히 해요.

508
00:22:01,650 --> 00:22:05,360
그러나 온라인 버전으로, 당신은 볼 것이다
우리는 실제 파일 이름은 미리 준비된.

509
00:22:05,360 --> 00:22:06,805
내가 가서 다시 보자.

510
00:22:06,805 --> 00:22:08,680
그리고 지금은 매우있어
여전히 실망 페이지.

511
00:22:08,680 --> 00:22:10,910
하지만 가리키면 저기
그리고, 조금 작습니다

512
00:22:10,910 --> 00:22:13,576
하지만 ... 당신은 아래에서 볼 수 있습니다
화면의 왼쪽 구석,

513
00:22:13,576 --> 00:22:15,242
그것은 참 google.com거야.

514
00:22:15,242 --> 00:22:19,280
나는 그것을 클릭하면, 그것은 것입니다
나에게 실제 구글에 길을 터.

515
00:22:19,280 --> 00:22:22,610
>> 그러나 기회 여기를 주목
단지 옆으로 착취.

516
00:22:22,610 --> 00:22:25,150
그리고 우리는 다른 돌아올 것이다
오래 전에 보안 문제를 해결합니다.

517
00:22:25,150 --> 00:22:29,290
이 이분법 거기 때문에
당신이 가서 당신이 무슨 말을 어디 사이에,

518
00:22:29,290 --> 00:22:34,722
당신처럼 뭔가를 할 수
이 겁니다 http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
OK, 지금은 다시로드하는 경우
해당 페이지를 저장 한 후,

520
00:22:37,134 --> 00:22:38,800
나는 Google에 갈거야 것 같습니다.

521
00:22:38,800 --> 00:22:40,966
그러나 이유가 없다 I
바로 구글에 가야?

522
00:22:40,966 --> 00:22:47,460
사실과 같이 갈 수
badguy.com은 여기 페이지를 다시로드.

523
00:22:47,460 --> 00:22:49,750
그리고주의 사항, 여전히 구글처럼 보인다.

524
00:22:49,750 --> 00:22:52,020
그리고 날카로운 해요 경우에만
여기에 마우스를 충분히

525
00:22:52,020 --> 00:22:54,770
나는 그것이도에 무슨 참조 할
다른 위치로 이동합니다.

526
00:22:54,770 --> 00:22:57,400
>> 만약 당신이 왔다면
이메일, 특히

527
00:22:57,400 --> 00:22:59,610
페이팔에서 하나, 또는
겉으로는 페이팔에서

528
00:22:59,610 --> 00:23:01,830
묻는 것은 로그인합니다
귀하의 계정에,이

529
00:23:01,830 --> 00:23:06,380
왜 당신은 결코해야
이제까지 이메일에있는 링크를 클릭,

530
00:23:06,380 --> 00:23:07,930
솔직히, 이메일에있는 링크를 제공합니다.

531
00:23:07,930 --> 00:23:10,380
당신이 알고있는 경우에 당신은 실제가
페이팔 또는 은행에 돈을

532
00:23:10,380 --> 00:23:14,250
미국 또는 피델리티 또는의
웹 사이트, 수동에 입력.

533
00:23:14,250 --> 00:23:17,530
그것이 얼마나 쉽게 보이기 때문에
제시로 사람을 속여 무엇

534
00:23:17,530 --> 00:23:18,526
링크처럼 보인다.

535
00:23:18,526 --> 00:23:20,400
그러나 실제로 수
절대적으로 어디서나 이동합니다.

536
00:23:20,400 --> 00:23:23,301
>> 그리고 훨씬 더있다
이보다 더 위협.

537
00:23:23,301 --> 00:23:25,300
사실, 이것은 비트가
접선의 지금, 그러나 1

538
00:23:25,300 --> 00:23:28,430
최고의 것들 중 내가 지금까지 본
이는 이후 폐쇄 된

539
00:23:28,430 --> 00:23:34,060
사람을 이끄는 사람이다
이 말할 수 그래서 난 ...,

540
00:23:34,060 --> 00:23:37,660
에 로그인하려면 여기를 클릭
계정, 은행 계좌.

541
00:23:37,660 --> 00:23:40,985
그리고 이것은 서구의 은행이었다.

542
00:23:40,985 --> 00:23:43,030

543
00:23:43,030 --> 00:23:44,250
>> 그래서 사람이 샀다.

544
00:23:44,250 --> 00:23:47,090
그리고보고 조금 쉽게
모노 폭 글꼴은 확대

545
00:23:47,090 --> 00:23:49,190
30 피트 프로젝터에.

546
00:23:49,190 --> 00:23:51,720
그러나 작은 글꼴에의 할 때
당신이 수신하고 전자 메일,

547
00:23:51,720 --> 00:23:54,690
이 bankofthewest.com처럼 보인다,
하지 bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
어떤 사람이 구입 $ 10 지불했다.

549
00:23:58,230 --> 00:24:00,840
그리고 다음이로 주도
나쁜 웹 사이트의 상응.

550
00:24:00,840 --> 00:24:05,540
>> 그리고 실제로 우리가 할 수있는 너무 ... 볼
내가 실제 웹 사이트로 이동하면이 겁니다,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com, 다시,
지난번 리콜

552
00:24:10,335 --> 00:24:13,210
이 자신의 웹 페이지 인 경우 그와
당신은 어떻게 작동하는지에 관해서 궁금

553
00:24:13,210 --> 00:24:15,610
당신은 확실히 갈 수
크롬의 개발자 도구.

554
00:24:15,610 --> 00:24:18,890
그리고 당신은 모두를 볼 수 있습니다
HTML은 잘이 포맷.

555
00:24:18,890 --> 00:24:20,890
>> 그러나 더 많은 지점,
당신의 닫을 수 있도록 cam--

556
00:24:20,890 --> 00:24:24,760
당신은보기 갈 수 이런것
개발자 소스보기.

557
00:24:24,760 --> 00:24:25,770

558
00:24:25,770 --> 00:24:28,350
왜 난 그냥 복사하지 마십시오
이 모든 그리고 I

559
00:24:28,350 --> 00:24:31,630
내 작은 gedit를 창으로 갈 수 있습니다
여기에 내 자신의 웹 페이지를 확인합니다.

560
00:24:31,630 --> 00:24:33,210
hello.html이를 저장합니다.

561
00:24:33,210 --> 00:24:36,770
그리고 아마이는 휴식 것입니다
보통이 쉽지 않다 때문이다.

562
00:24:36,770 --> 00:24:41,590
그러나 나는 내 자신의 페이지를 다시로드 지금 경우
, CS50 어플라이언스와 히트 다시로드 내 자신의

563
00:24:41,590 --> 00:24:42,990
OK, 몇 가지 물건을 끊었다.

564
00:24:42,990 --> 00:24:45,750
하지만 필요에 아주 가까이 있어요
내 자신의 은행 웹 사이트, 맞죠?

565
00:24:45,750 --> 00:24:46,570
이 모든 HTML--

566
00:24:46,570 --> 00:24:47,370
>> [웃음]

567
00:24:47,370 --> 00:24:49,210
>> DAVID J 마란 : --i
사실상, 당신하지 않았다

568
00:24:49,210 --> 00:24:52,210
누군가가 거기에있다 알고있는 사람
실제로 너무 이러한 링크를 클릭합니다.

569
00:24:52,210 --> 00:24:54,864
그래서 명확하게, 몇 가지 물건을 끊었다.

570
00:24:54,864 --> 00:24:56,780
그러나이 이어질 것
토론에 우리,

571
00:24:56,780 --> 00:25:00,810
불필요하게 지금까지와 같은 어떤
CSS는 CSS 스타일 시트는있다

572
00:25:00,810 --> 00:25:03,410
및 방법을 실제로
다른 HTML 파일을 다운로드

573
00:25:03,410 --> 00:25:06,140
및 JPEG은 GIF 파일을 파일이
웹 사이트는 사용 될 수 있습니다.

574
00:25:06,140 --> 00:25:07,960
그러나 모든 accomplishable입니다.

575
00:25:07,960 --> 00:25:11,110
하지만 정말 아래로 비등
이러한 아주 간단한 휴리스틱.

576
00:25:11,110 --> 00:25:14,450
>> 그래서 지금의 단지를 통해 대충 훑어 보자
HTML의 다른 예를 몇

577
00:25:14,450 --> 00:25:16,680
당신에게 감각을 줄 수 있습니다
당신이 달리 무엇을 할 수 있는지.

578
00:25:16,680 --> 00:25:18,670
예를 들어,이 list.html이다.

579
00:25:18,670 --> 00:25:23,240
나는 웹 페이지를 만들고 싶었다 가정
쿼드 주택의 목록.

580
00:25:23,240 --> 00:25:28,960
나는 순서가에 대한 UL 태그를 사용할 수 있습니다
목록 다음 목록 항목 아이

581
00:25:28,960 --> 00:25:33,760
다음,에 시달리고 또는 목록 반복
문제의 주택을 rather--.

582
00:25:33,760 --> 00:25:36,080
>> 나는이를 열 경우에,이 해 보자.

583
00:25:36,080 --> 00:25:40,670
의는 hello.html하지 가자,
하지만 list.html합니다.

584
00:25:40,670 --> 00:25:42,160
젠장.

585
00:25:42,160 --> 00:25:43,000
나는이 문제를 해결하려면 어떻게해야하나요?

586
00:25:43,000 --> 00:25:45,679

587
00:25:45,679 --> 00:25:47,220
그것은 바로, 이전과 같은 문제입니까?

588
00:25:47,220 --> 00:25:52,510
그래서 내가 chmod-- oops--을하자
chmod를 + list.html의 R.

589
00:25:52,510 --> 00:25:54,610

590
00:25:54,610 --> 00:25:59,610
그리고 지금은 내 브라우저에 가면
및 새로 고침을 클릭, 거기이다.

591
00:25:59,610 --> 00:26:02,360
그래서 만약 당신이하고 싶었 한 경우
글 머리 기호 목록은, 당신은 그렇게 할 수 있습니다.

592
00:26:02,360 --> 00:26:06,210
당신은 슈퍼 멋진하고 확인하려면
정렬 된 목록,하지 정렬되지 않은 목록,

593
00:26:06,210 --> 00:26:10,170
, OL에 그 변경 페이지를 다시로드하고,
이제 브라우저는 당신을 위해 번호를합니다.

594
00:26:10,170 --> 00:26:11,241
>> 우리는 다른 무엇을 할 수 있습니까?

595
00:26:11,241 --> 00:26:13,990
음, others--의 몇 가지 경우
당신은 text--의 긴 단락을 가지고

596
00:26:13,990 --> 00:26:15,698
예를 들어, 일부
이런것 같은 라틴어 텍스트

597
00:26:15,698 --> 00:26:20,730
당신은 별도의 단락에서 원하는,
열려있는 페이지, 단락 태그에 가까운 쪽.

598
00:26:20,730 --> 00:26:22,010
그리고 또 다시 그것을 할.

599
00:26:22,010 --> 00:26:26,600
그리고 지금은이 파일을 열 경우,
paragraphs.html, 음,이

600
00:26:26,600 --> 00:26:27,570
성가신지고 있습니다.

601
00:26:27,570 --> 00:26:34,320
그래서 지금 그냥 다시 가자 내
프롬프트, + R의 R 스타 chmod를 .html--

602
00:26:34,320 --> 00:26:36,099
좋은 작은 와일드 카드 말하자면.

603
00:26:36,099 --> 00:26:37,890
이 모든 문제를 해결해야한다
나에게 이러한 문제.

604
00:26:37,890 --> 00:26:38,990
이제 다시 보자.

605
00:26:38,990 --> 00:26:40,500
세 단락이있다.

606
00:26:40,500 --> 00:26:42,930
>> 그리고 지금의 앞서 가자
그리고 다른 하나를 엽니 다.

607
00:26:42,930 --> 00:26:44,310
어떻게 테이블에 대한?

608
00:26:44,310 --> 00:26:46,440
당신은 테이블의 모습을 알 수 있습니다
좀 더 복잡한.

609
00:26:46,440 --> 00:26:49,110
그러나 동일한 idea-- 야
열린 태그를 열고 태그,

610
00:26:49,110 --> 00:26:51,360
개방, 개방, 열기, 닫기 태그를 열고 태그입니다.

611
00:26:51,360 --> 00:26:54,410
그리고 이러한 정치 일
그 경계 테이블은 분명히있다

612
00:26:54,410 --> 00:26:58,500
두께가 될 것 1-- 어떤
그 의미 하든지 .. 테이블 행, 테이블

613
00:26:58,500 --> 00:27:00,320
셀의 데이터를 의미한다.

614
00:27:00,320 --> 00:27:03,840
그리고 내 브라우저에 가면
여기 table.html로 이동

615
00:27:03,840 --> 00:27:05,840
당신이 뭔가를 볼 수 있습니다
이 같은 끔찍한.

616
00:27:05,840 --> 00:27:07,840
그러나 우리는 지점에 도착합니다
여기서 우리가 실제로 할 수있는

617
00:27:07,840 --> 00:27:09,260
보다 일이 더 예뻐합니다.

618
00:27:09,260 --> 00:27:10,530
>> 그러니 지금은 규정 할 수 있습니다.

619
00:27:10,530 --> 00:27:11,870
이상의 태그 큼있다.

620
00:27:11,870 --> 00:27:15,225
그리고 HTML은 데리러 훌륭합니다
때문에, 솔직히, 모든 당신이 할 필요가

621
00:27:15,225 --> 00:27:17,600
기존의 웹 페이지를 보면됩니다
있는 당신은 잘 알고.

622
00:27:17,600 --> 00:27:20,340
그리고 당신은 아, 방법, 같은거야
그들은 예술이했다.

623
00:27:20,340 --> 00:27:23,159
>> 또는 당신은 온라인으로 찾아 볼 수 있습니다
HTML의 작동 방법에 대한 자원,

624
00:27:23,159 --> 00:27:25,700
당신은이 있다는 것을 볼 수 있습니다
다른 태그의 전체 어휘.

625
00:27:25,700 --> 00:27:30,110
그러나 간단한 정신 모델
혼자 열려는 거의 모든 태그

626
00:27:30,110 --> 00:27:33,620
정말, 그것을 폐쇄되어야한다
자신을 가르 칠 충분 않습니다

627
00:27:33,620 --> 00:27:36,950
HTML 후 이해
태그 이러한 기본 개념

628
00:27:36,950 --> 00:27:40,520
속성과 적격성 및
우리가 이야기 한 것을,

629
00:27:40,520 --> 00:27:44,697
우리가 열릴 수 있습니다 닫는 아무것도
그래서 우리는 브라우저를 혼동하지 마십시오.

630
00:27:44,697 --> 00:27:46,780
그래서 지금이 보자
더 흥미로운 수준

631
00:27:46,780 --> 00:27:48,100
실제 이동하여.

632
00:27:48,100 --> 00:27:51,095
그리고 이제 나의 Mac으로 가자
여기에, google.com에.

633
00:27:51,095 --> 00:27:52,280

634
00:27:52,280 --> 00:27:54,020
그리고 지금 notice--의이 작업을 수행 할 수 있습니다.

635
00:27:54,020 --> 00:27:57,280
나는에 가서 징 해요
설정, 검색 설정.

636
00:27:57,280 --> 00:28:01,070
나는이 짜증나는 순간을 해제 할 수
결과 일이 곳이 바로

637
00:28:01,070 --> 00:28:02,450
사용자의 입력에 반응을 시작합니다.

638
00:28:02,450 --> 00:28:05,300
의 지금이 오래된 학교를하자
우리가 실제로 무슨 일이 일어나고 있는지를 참조하십시오.

639
00:28:05,300 --> 00:28:08,260
>> 그래서 저장거야 내
여기에 구글 설정.

640
00:28:08,260 --> 00:28:11,160
지금은 갈거야 notice--
고양이처럼 뭔가를 검색합니다.

641
00:28:11,160 --> 00:28:14,500
그리고 그것은 여전히​​ 자동차를 짓
여기에 완료,하지만 일을 기준으로

642
00:28:14,500 --> 00:28:15,970
사람들은 과거에 입력 한.

643
00:28:15,970 --> 00:28:17,490
그러나 무슨 일이 일어날 알 수 있습니다.

644
00:28:17,490 --> 00:28:20,272
>> 순간의 URL에서
이것이다, 그냥 google.com.

645
00:28:20,272 --> 00:28:22,650
그리고 기술적으로, 그것은 슬래시입니다.

646
00:28:22,650 --> 00:28:25,910
구글은 단지 문자를 저장하는 것
우리가 표시되지 않는.

647
00:28:25,910 --> 00:28:30,400
그들은 단지 우리에게 HTTPS를 보이고있다
우리가 걸 슈퍼 안심 할 수

648
00:28:30,400 --> 00:28:32,850
보안 또는 암호화 된 페이지에서.

649
00:28:32,850 --> 00:28:35,690
>> 그래서 내가 가서 고양이를 검색 할 수 있습니다.

650
00:28:35,690 --> 00:28:37,670
지금이 정말 있어요
빨리 압도적.

651
00:28:37,670 --> 00:28:39,470
이 URL의 길이 봐.

652
00:28:39,470 --> 00:28:43,070
그러나 그것은 밝혀이 물건의 대부분이
URL에 꽤 쓸모가 없다.

653
00:28:43,070 --> 00:28:45,320
나는 삭제하기 시작하는거야
이해가 안 가지.

654
00:28:45,320 --> 00:28:46,560

655
00:28:46,560 --> 00:28:47,360
나는 고양이를 참조하십시오.

656
00:28:47,360 --> 00:28:48,470
나는 고양이를 이해합니다.

657
00:28:48,470 --> 00:28:50,380
고양이는 다시이 왜 모르겠어요.

658
00:28:50,380 --> 00:28:52,620
난 정말 모르겠어요
이 말도 무슨.

659
00:28:52,620 --> 00:28:56,030
그래서 난 그냥 계속거야
강조 표시하고 물건을 삭제

660
00:28:56,030 --> 00:28:59,905
있음을 이해하지 않습니다,
그냥이에 URL을 증류.

661
00:28:59,905 --> 00:29:00,920

662
00:29:00,920 --> 00:29:02,270
>> 이제 다시 한번 입력하자.

663
00:29:02,270 --> 00:29:03,814
구글이 여전히 작동 것 같습니다.

664
00:29:03,814 --> 00:29:06,980
그래서 어떤 이유로, 그들은을 추가하고
자신의 URL의 부도에 물건을 많이합니다.

665
00:29:06,980 --> 00:29:09,000
그러나이 반드시 필요한 것은 아니에요.

666
00:29:09,000 --> 00:29:10,340
그래서 이것에 대해 좋은 무엇입니까?

667
00:29:10,340 --> 00:29:13,630
글쎄, 내가 가서하자
크롬의 경위를 엽니 다.

668
00:29:13,630 --> 00:29:15,960
그것을위한 작은 마우스 바로 가기가있다.

669
00:29:15,960 --> 00:29:17,360
>> 네트워크 탭으로 이동합니다.

670
00:29:17,360 --> 00:29:19,340
그리고 지금 나를 다시 보자
이 페이지를 한 번 더.

671
00:29:19,340 --> 00:29:20,280
그리고 Shift 키를 보유하고 있습니다.

672
00:29:20,280 --> 00:29:22,520
옆으로, 브라우저와 같은
캐시 또는 저장하는 경향이

673
00:29:22,520 --> 00:29:24,697
단지 효율성의 이익을 위해 정보를 제공합니다.

674
00:29:24,697 --> 00:29:27,280
그러나 일반적으로 들고 Shift를
모든 것을 강제로 다시로드

675
00:29:27,280 --> 00:29:28,994
처음부터 시작합니다.

676
00:29:28,994 --> 00:29:30,410
그리고 그게 내가 여기서 뭘 원하는거야.

677
00:29:30,410 --> 00:29:33,550
>> 그리고이 모든 것을 알 수
단지 등장 행.

678
00:29:33,550 --> 00:29:37,920
그것은 특정 웹에 그것을 밝혀
페이지를 하나의 파일이있을 수 있습니다

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- 또는이
이 경우에서와 같이, 52 일 수있다.

680
00:29:43,500 --> 00:29:45,820
내가 방문 할 때 google.com,
분명히, 브라우저

681
00:29:45,820 --> 00:29:49,650
(52) 별도의 HTTP 요청을 맞이할.

682
00:29:49,650 --> 00:29:50,520
그 이유는 무엇입니까?

683
00:29:50,520 --> 00:29:53,380
>> 음, 안에 무엇이보고
이 웹 페이지까지 위쪽.

684
00:29:53,380 --> 00:29:55,620
텍스트 만이 아니라,
하지만 실제 이미지가있다

685
00:29:55,620 --> 00:29:57,130
오른쪽에 이상 고양이.

686
00:29:57,130 --> 00:29:59,110
화려한 로고는 왼쪽에서 여기까지있다.

687
00:29:59,110 --> 00:30:01,750
이 아이콘의 모든있다
마이크 등.

688
00:30:01,750 --> 00:30:05,130
조각의 많은 건물,있다
블록, 스크래치 조각, 당신이 경우에,

689
00:30:05,130 --> 00:30:06,250
이 웹 페이지로 이동합니다.

690
00:30:06,250 --> 00:30:10,310
그리고 브라우저는 무엇을 따라하고있다
, 첫 번째 파일을 받고있는

691
00:30:10,310 --> 00:30:16,180
여기에서이 행은, 본질적이다
HTML의 맨 위에 반복

692
00:30:16,180 --> 00:30:19,880
아래로, 찾고, 왼쪽에서 오른쪽으로
이미지 태그 또는 다른 태그 같은 것들

693
00:30:19,880 --> 00:30:23,160
즉 다른 파일을 언급하고,
그것은 그들을 볼 때, 가고를 가져옵니다

694
00:30:23,160 --> 00:30:26,050
HTTP를 통해, 가능한 전체
봉투 은유,

695
00:30:26,050 --> 00:30:29,670
다음에 표시
웹 페이지에서의 적절한 위치.

696
00:30:29,670 --> 00:30:33,370
>> 내가 집중하지만 여기에 주목
첫 번째 던져, 검색 고양이,

697
00:30:33,370 --> 00:30:37,090
실제로는 HTTP 1.1을 사용하고, 그 알 수 있습니다.

698
00:30:37,090 --> 00:30:41,690
그리고 불행하게도, 구글
지금 버전 39에서 크롬

699
00:30:41,690 --> 00:30:45,110
입니다 아래 더밍 물건 종류 및
우리에게 실제 헤더를 표시하지.

700
00:30:45,110 --> 00:30:49,680
그러나 실제로 전송 된 것은 요청입니다
슬래시하지 않는,하지만 / 검색? Q = 고양이.

701
00:30:49,680 --> 00:30:52,830

702
00:30:52,830 --> 00:30:54,340
>> 지금, 왜 중요한가?

703
00:30:54,340 --> 00:30:57,110
글쎄, 난 추론하는거야
이에서 해당 만약 당신이 구글

704
00:30:57,110 --> 00:31:01,520
이 양식, 왜 쿼리를 지원합니다
난 내 자신의 검색을 구현​​하지 않는

705
00:31:01,520 --> 00:31:06,420
CS50을위한 엔진,하지만 단지 앞
단, 단지 그래픽 사용자 인터페이스.

706
00:31:06,420 --> 00:31:09,610
그리고 우리는 백 엔드를 아웃소싱하는 것,
실제 검색은 구글에 발생합니다.

707
00:31:09,610 --> 00:31:10,510
>> 그래서이 방법을 할 수 있습니까?

708
00:31:10,510 --> 00:31:13,820
글쎄, 내가 여기의 gedit로 가자.

709
00:31:13,820 --> 00:31:19,180
그리고 내가 가서 열어 보자
최대,의 말 새 파일을 보자.

710
00:31:19,180 --> 00:31:22,280
그리고이 저장거야
일시적으로 검색 0.html있다.

711
00:31:22,280 --> 00:31:25,111

712
00:31:25,111 --> 00:31:27,860
그리고 결국, 우리는 빠른거야
제가하는 일은 하나 미리 준비했다.

713
00:31:27,860 --> 00:31:30,190
>> 그리고 나는 갈거야
신속하게 문서의 형식을 채찍

714
00:31:30,190 --> 00:31:33,840
HTML 열린 브래킷 HTML
대괄호의 HTML.

715
00:31:33,840 --> 00:31:38,390
다음 나는 머리를 할거야
가까운 머리 개방 제목 CS50

716
00:31:38,390 --> 00:31:40,150
대신 구글 검색의 검색.

717
00:31:40,150 --> 00:31:43,480
여기에 아래로 내가 가진거야
몸 아래로 여기에 가까운 몸.

718
00:31:43,480 --> 00:31:45,835
지금은 CS50 검색이 필요합니다.

719
00:31:45,835 --> 00:31:47,710
실제로,의하자
점진적으로이를 구축 할 수 있습니다.

720
00:31:47,710 --> 00:31:51,043
내가 가서이를 닫고거야
실제로 내 공용 디렉토리에 넣어.

721
00:31:51,043 --> 00:31:52,730
그래서 나에게 단 하나의 순간을 제공합니다.

722
00:31:52,730 --> 00:31:55,390
내가 갈거야 검색 0.html--
일시적으로 search.html에 호출.

723
00:31:55,390 --> 00:31:56,600

724
00:31:56,600 --> 00:31:59,750
나는 그것을 + r에 search.html에 chmod를하려고 해요.

725
00:31:59,750 --> 00:32:01,072

726
00:32:01,072 --> 00:32:02,280
그리고 지금은 그것을 열거야.

727
00:32:02,280 --> 00:32:03,224

728
00:32:03,224 --> 00:32:04,390
모든 권리, 즉 빨리 그래서.

729
00:32:04,390 --> 00:32:06,800
그러나, 목표는 단순히이었다
지점으로 우리를 얻을 수

730
00:32:06,800 --> 00:32:09,630
이 텍스트를 갖는
라는 search.html에 파일.

731
00:32:09,630 --> 00:32:10,940

732
00:32:10,940 --> 00:32:12,790
아직보고 너무 많이하지.

733
00:32:12,790 --> 00:32:16,970
사실, 나는 내 브라우저로 이동 한 경우
그게 다예요 search.html에로 이동합니다.

734
00:32:16,970 --> 00:32:17,720
그러나 당신은 무엇을 알고 있는가?

735
00:32:17,720 --> 00:32:19,000
나는 조금 애호가가 될 수 있습니다.

736
00:32:19,000 --> 00:32:22,710
나는이 있다는 것을 책에서 읽은
제목 태그 (H1)이라고합니다.

737
00:32:22,710 --> 00:32:26,100
그리고 앞서 갈거야 및
개폐 H1과 가까운 H1을 사용합니다.

738
00:32:26,100 --> 00:32:27,220
페이지를 다시로드.

739
00:32:27,220 --> 00:32:29,600
그리고 지금은, 더 크고 더 대담의
모든 흥미로운 것을,

740
00:32:29,600 --> 00:32:32,399
하지만 적어도 그것은 구조적으로
더 흥미로운.

741
00:32:32,399 --> 00:32:33,940
하지만 지금은 내가 다른 태그를 소개하겠습니다.

742
00:32:33,940 --> 00:32:36,500
폼 태그 거기에서 그것은집니다.

743
00:32:36,500 --> 00:32:38,400
그리고 나를 태그를 닫습니다 수 있습니다.

744
00:32:38,400 --> 00:32:40,830
그리고 거기의 밝혀
입력 된 태그 그

745
00:32:40,830 --> 00:32:44,600
타입이라는 속성을 갖는
필드의 데이터 유형은,

746
00:32:44,600 --> 00:32:45,200
당신이됩니다.

747
00:32:45,200 --> 00:32:47,050
그리고 텍스트를 입력 될 것입니다.

748
00:32:47,050 --> 00:32:52,200
그 값은 것입니다
CS50 검색합니다.

749
00:32:52,200 --> 00:32:53,850
닫기 태그입니다.

750
00:32:53,850 --> 00:32:57,100
그리고 어떤 개념은없는 것으로거야
열고 별도의 태그와 닫는.

751
00:32:57,100 --> 00:33:00,300
>> 내가 여기에 돌아가 봅시다
, 계속 재로드 기능을 참조하십시오.

752
00:33:00,300 --> 00:33:01,380
흥미로운 얻기.

753
00:33:01,380 --> 00:33:02,950
이 텍스트 필드의 것 같습니다.

754
00:33:02,950 --> 00:33:04,080

755
00:33:04,080 --> 00:33:06,999
그리고 실제로, 나는 싶지 않았다
아직 값을 넣어.

756
00:33:06,999 --> 00:33:10,040
내가 여기에 돌아가서 실제로하자
간단하게하기 위해이 값을 제거.

757
00:33:10,040 --> 00:33:12,939
값 대신, 내가 뭘 원
이 일을주는 이름이었다.

758
00:33:12,939 --> 00:33:15,230
그리고, 그것이 무엇인지 모르는
그래서 나는 다시 그에게 올 것이다.

759
00:33:15,230 --> 00:33:18,270
>> 그러나 아래에, 내가 원하는
입력 유형을 할 = 제출합니다.

760
00:33:18,270 --> 00:33:19,840

761
00:33:19,840 --> 00:33:22,120
그리고이 값은 CS50 검색됩니다.

762
00:33:22,120 --> 00:33:24,850
그리고 우리는 내가 왜 볼 수 있습니다
이에 값을 옮겼다.

763
00:33:24,850 --> 00:33:28,900
내가 다시로드 할 때, 지금 갖고있는 것 같다
내 자신의 검색의 시작

764
00:33:28,900 --> 00:33:30,820
엔진, 슈퍼 끔찍한,
솔직히하지만, 그건

765
00:33:30,820 --> 00:33:34,260
에서가 아니라 멀리 던져 무엇
구글의 기본 페이지처럼 보인다.

766
00:33:34,260 --> 00:33:37,950
>> 지금 여기, 내가 입력 할 수 있습니다
고양이는 희망 검색을 클릭합니다.

767
00:33:37,950 --> 00:33:40,380
그러나 나는 아주, 아직 안 끝났어
내가 구현하지 않았기 때문에,

768
00:33:40,380 --> 00:33:41,045
분명히, 데이터베이스.

769
00:33:41,045 --> 00:33:42,940
나는 크롤링되지 않은
검색 결과에 대한 웹.

770
00:33:42,940 --> 00:33:44,840
그래서 나는 Google에 그 아웃소싱 할 필요가있다.

771
00:33:44,840 --> 00:33:46,290
그래서 이걸 어떻게해야합니까?

772
00:33:46,290 --> 00:33:49,170
>> 모든 I의 음, 첫 번째
추가 조치 필요

773
00:33:49,170 --> 00:33:58,460
내 양식 태그에 속성이
http://www.google.com/search입니다.

774
00:33:58,460 --> 00:34:01,180
그리고 나는 알고 만 가지고에서
밀접하게보고 유추

775
00:34:01,180 --> 00:34:02,505
자신의 URL의에서.

776
00:34:02,505 --> 00:34:03,380
그리고 지금 추측을.

777
00:34:03,380 --> 00:34:09,090
어떻게해야이 텍스트 필드에 아마
우리가 어디서 왔는지에 따라 호출

778
00:34:09,090 --> 00:34:09,754
이전부터?

779
00:34:09,754 --> 00:34:11,896

780
00:34:11,896 --> 00:34:13,290
>> 청중 :? Q.

781
00:34:13,290 --> 00:34:14,370
>> DAVID J 마란 : Q.

782
00:34:14,370 --> 00:34:17,800
그리고 우리는 실제로 질문을하지 않아도
알고 보니,하지만 q는 참으로입니다 표시,

783
00:34:17,800 --> 00:34:20,489
쿼리 아마로에 대한 질문
기본값은, 그건해서

784
00:34:20,489 --> 00:34:23,060
무엇 래리와 세르게이
년 전에 함께했다.

785
00:34:23,060 --> 00:34:24,739
그래서 지금 제가이 페이지를 다시로드 할 수 있습니다.

786
00:34:24,739 --> 00:34:26,409
그것은 모든 다른를 보이지 않는다.

787
00:34:26,409 --> 00:34:28,120
하지만 지금은 어떤 일이 일어 났는지.

788
00:34:28,120 --> 00:34:32,360
>> 나는 고양이의 클릭으로 입력하면
찾아 가자 CS50,

789
00:34:32,360 --> 00:34:35,770
나는 가세요 통지
멀리 실제 구글.

790
00:34:35,770 --> 00:34:38,150
이제 구글은 약간되고있다
그들은 어른의 성가신

791
00:34:38,150 --> 00:34:41,877
추가 매개 변수를 추가,
당신이 URL에,됩니다.

792
00:34:41,877 --> 00:34:43,960
즉 모든 해프닝
자동으로 구글 측.

793
00:34:43,960 --> 00:34:48,730
>> 중요한 부분은 내가 보일 것입니다
여기에이 요청을 생성 한합니다.

794
00:34:48,730 --> 00:34:50,179
그리고 실제로, 그것은 무슨 일이 일어날.

795
00:34:50,179 --> 00:34:53,040
당신은 HTML을 때
이것은 다음과 같습니다

796
00:34:53,040 --> 00:34:57,620
웹 개발자 표기법의 일종이다
말을 들어 가서 양식을 만들

797
00:34:57,620 --> 00:34:59,990
가 제출 된 때,
그것은이 URL로 이동하는 것입니다.

798
00:34:59,990 --> 00:35:03,430
그리고 URL이 제공 될 때
Q 같은 것들에 대한 가치,

799
00:35:03,430 --> 00:35:05,440
바로이 URL로 이동하지 않습니다.

800
00:35:05,440 --> 00:35:08,210
사실, 상담자
마크하고 Q = 고양이.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
매개 변수를 추가,
같은 HTTP 매개 변수를 사용합니다.

803
00:35:13,060 --> 00:35:15,590
>> 다만, 슈퍼 정확합니다
무엇들을 이곳 추정되고있어

804
00:35:15,590 --> 00:35:18,130
하지만 난 더 explicit--가있을거야
제가 사용하려는 방법

805
00:35:18,130 --> 00:35:22,270
대신 같은 뭔가입니다 얻을
우리는 결국 볼 수 있습니다 후.

806
00:35:22,270 --> 00:35:27,710
즉, 단순히 이해하여이를
HTML과 몇 가지 아주 간단한 태그를 사용하여,

807
00:35:27,710 --> 00:35:30,610
우리는 지금 작성을 시작할 수 있습니다
우리 자신의 프런트 엔드 사용자

808
00:35:30,610 --> 00:35:32,850
검색 인터페이스
뒤에 엔진.

809
00:35:32,850 --> 00:35:34,800
>> 그러나 이것은 물론, 꽤 끔찍한이다.

810
00:35:34,800 --> 00:35:37,259
그러니 실제로 열어 보자
약간 더 나은 버전.

811
00:35:37,259 --> 00:35:39,800
이것은 내가 준비 하나
즉 간단한 설명이 진행합니다.

812
00:35:39,800 --> 00:35:41,900
하지만 당신은 내가를 볼 수 있습니다
거의 그것을 다시.

813
00:35:41,900 --> 00:35:44,150
그래서이 이미 온라인 사용할 수 있습니다.

814
00:35:44,150 --> 00:35:48,050
그리고 선제 적으로 일어날 않았다
그냥 간단하게하기 위해 HTTPS로 이동합니다.

815
00:35:48,050 --> 00:35:50,610
>> 그리고 지금의은을 열어 보자
이의 다음 반복.

816
00:35:50,610 --> 00:35:52,510
버전 1이 아닌 0입니다.

817
00:35:52,510 --> 00:35:55,315
무엇은 약간 당신을 밖으로 점프
이 예에서 다른?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> 청중 : [들리지].

820
00:36:00,440 --> 00:36:03,020
>> 그래,이 텍스트 정렬 센터가있다.

821
00:36:03,020 --> 00:36:04,590
이 여기 좀 이상한데.

822
00:36:04,590 --> 00:36:06,150
그러나 이것은 참으로 새로운 기능입니다.

823
00:36:06,150 --> 00:36:07,800
그리고 아마도 무슨 일이 일어날 것 같아요.

824
00:36:07,800 --> 00:36:11,730
이제 브라우저로 이동하는 경우
와, 검색 1.html를 방문

825
00:36:11,730 --> 00:36:13,090
그것은 거의 같은 일입니다.

826
00:36:13,090 --> 00:36:15,705
그러나에 가까운 단계이다
더 아주 조금 서비스를 제공합니다.

827
00:36:15,705 --> 00:36:19,150
아직 추한,하지만에 예뻐
적어도 모든 것이 지금을 중심으로합니다.

828
00:36:19,150 --> 00:36:23,470
>> 그래서 내가 무엇을 사용하고 있음을 밝혀
다른 언어 전부라고

829
00:36:23,470 --> 00:36:25,680
CSS, CSS 스타일 시트.

830
00:36:25,680 --> 00:36:28,310
그리고 CSS는, 솔직히, 종류
의, 내 개인적인 의견으로는,

831
00:36:28,310 --> 00:36:29,775
atrociously 디자인 언어.

832
00:36:29,775 --> 00:36:33,110
그것은 기억하기 매우 성가신
모든 다양한 세부 사항.

833
00:36:33,110 --> 00:36:38,479
그러나 그것은을 stylizes 무엇인가
전체 월드 와이드 웹 오늘.

834
00:36:38,479 --> 00:36:39,270
나는 누군가의 기분을 상하게.

835
00:36:39,270 --> 00:36:39,769
좋아.

836
00:36:39,769 --> 00:36:43,180
그래서 여기에 다시 돌아가 보자
어떻게 우리가 실제로이를 사용하고 있습니다.

837
00:36:43,180 --> 00:36:45,940
그리고 그것은 적어도 그건 밝혀
실제로 매우 간단 언어.

838
00:36:45,940 --> 00:36:49,470
그냥 키 값 쌍 속성이다
과 값, 속성 및 값.

839
00:36:49,470 --> 00:36:52,080
사실, 여기에 하나입니다
이러한 특성과 가치.

840
00:36:52,080 --> 00:36:55,890
>> 간단하게 스타일을 사용하여
내 몸 태그에 속성

841
00:36:55,890 --> 00:37:00,360
그리고 그것의 값을 제공
워드 콜론과 다른 단어,

842
00:37:00,360 --> 00:37:03,730
또는 속성과 값,
나는 미학에 영향을 미칠 수

843
00:37:03,730 --> 00:37:06,210
웹 페이지,하지의
반드시 아직 구조,

844
00:37:06,210 --> 00:37:07,550
하지만 그것의 미학.

845
00:37:07,550 --> 00:37:10,960
그리고 단지 주변에 인터넷 검색을하여, 나는 실현
그 CSS, CSS 스타일 시트,

846
00:37:10,960 --> 00:37:14,170
라는 속성을 지원합니다
값이 텍스트 정렬, 수

847
00:37:14,170 --> 00:37:16,980
예를 들어, 오른쪽, 또는 센터를 둘 수.

848
00:37:16,980 --> 00:37:19,990
>> 그래서 지금은 다시로드 할 때
이 페이지는, 내가 무엇을 얻었 는가

849
00:37:19,990 --> 00:37:22,730
중심 페이지이었다,
하지만 여전히 매우 추한.

850
00:37:22,730 --> 00:37:25,770
이제 가서 열어 보자
검색의 버전 2까지.

851
00:37:25,770 --> 00:37:28,570
그리고 지금은 좀 더 짓을했는지 알 수 있습니다.

852
00:37:28,570 --> 00:37:33,760
헤드의 안쪽 여기에를 주목하라
태그는, 타이틀 이상있을 수있다.

853
00:37:33,760 --> 00:37:35,400
사실, 스타일 태그가있다.

854
00:37:35,400 --> 00:37:38,630
그것은 단지를 얻을 곳이입니다
때로는 좀 지저분 보는 CSS의.

855
00:37:38,630 --> 00:37:41,971
>> 내가 뭔가를 갖고있는 것 같다 공지 사항
즉 구조적으로 매우 다른 보인다.

856
00:37:41,971 --> 00:37:44,095
그러나 여기의 이름입니다
내가 원하는 태그 양식에 일치시키는입니다.

857
00:37:44,095 --> 00:37:47,570
여기에 우리의 오랜 친구는 곱슬입니다
중괄호와 닫힌 중괄호.

858
00:37:47,570 --> 00:37:50,290
그리고 여기에 있다는 것입니다
속성과 속성 값.

859
00:37:50,290 --> 00:37:56,300
>> 나는이 파일을로드하면, search2.html,
최종 결과는 동일하다.

860
00:37:56,300 --> 00:37:59,300
그러나 그것은 더 나은 디자인을 향한 단계입니다.

861
00:37:59,300 --> 00:38:04,560
이 CSS를 감안, 나는했습니다
내 HTML로 혼합 된 없습니다.

862
00:38:04,560 --> 00:38:07,560
우리가 볼 수 있듯이 실제로, 나는 할 수
이러한 속성과 값을 다시 사용합니다.

863
00:38:07,560 --> 00:38:10,420
나는 움큼을하고 싶었다면
내 웹 페이지의 부분을 중심으로,

864
00:38:10,420 --> 00:38:13,630
나는 스타일 = 텍스트 정렬을 입력 할 필요가 없습니다
여기 저기 센터.

865
00:38:13,630 --> 00:38:16,580
나는 한 장소에 넣을 수 있습니다
아마도, 상단에 최대 좋아한다.

866
00:38:16,580 --> 00:38:18,210
>> 그러나 이것조차도 가장 좋은 디자인이 아니다.

867
00:38:18,210 --> 00:38:21,720
사실, 것들 중 하나는 당신이 배울 수 있습니다
당신과 함께 더 많은 시간을 보내고으로

868
00:38:21,720 --> 00:38:25,730
웹 프로그래밍은 더 할 수있다
에서 사물과 요인 일을 모듈화

869
00:38:25,730 --> 00:38:30,610
.H 파일처럼, 우리에게 인자 물건을 보자
우리 요인 일을 할 수 helpers.c 좋아

870
00:38:30,610 --> 00:38:31,880
몇 psets를 전.

871
00:38:31,880 --> 00:38:34,200
마찬가지로, 우리는 수도
이를 달성하려면.

872
00:38:34,200 --> 00:38:37,920
>> 그래서 버전 예고
sea​​rch.html에 세 나는했습니다

873
00:38:37,920 --> 00:38:40,610
머리의 정리
페이지 바로 넣어

874
00:38:40,610 --> 00:38:43,320
이것에, 링크 태그, 어떤
이름과 달리,

875
00:38:43,320 --> 00:38:44,700
당신에게 하이퍼 링크를 제공하지 않습니다.

876
00:38:44,700 --> 00:38:49,150
그것은의 방법으로 다른 파일에 대한 링크
값이이 경우에 HREF,

877
00:38:49,150 --> 00:38:51,586
검색 3.css입니다

878
00:38:51,586 --> 00:38:52,960
그래서 나는 우리가 빨리거야 알고 있습니다.

879
00:38:52,960 --> 00:38:54,600
그러나 내가하고있는 모든 종류의
의 주위에 물건을 이동.

880
00:38:54,600 --> 00:38:55,760
나에게 열린 검색 3.css하자.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
그것은 정말, 아무것도 없다.

883
00:38:58,530 --> 00:39:02,270
난 그냥 복사하고 새로 붙여 넣기
우리가 물건을 인수 분해 많은처럼 파일

884
00:39:02,270 --> 00:39:03,509
전에 다른 파일로.

885
00:39:03,509 --> 00:39:05,300
그리고 result--
완전히 underwhelming--

886
00:39:05,300 --> 00:39:06,730
정확히 같은 될 것입니다.

887
00:39:06,730 --> 00:39:10,490
그러나 우리는 toward-- 이동하고 아니, 그렇지는 않습니다.

888
00:39:10,490 --> 00:39:11,930
아, 나는 이유를 알고.

889
00:39:11,930 --> 00:39:13,790
>> 그래서 버그가 될 것으로 보인다.

890
00:39:13,790 --> 00:39:15,010
그리고 그것은 어떤 의미에서입니다.

891
00:39:15,010 --> 00:39:17,730
그러나 내 네트워크 탭을 열 수 있습니다.

892
00:39:17,730 --> 00:39:19,660
내가 페이지를 다시로드 할 수 있습니다.

893
00:39:19,660 --> 00:39:23,315
아, 왜 CSS하지 적용되는?

894
00:39:23,315 --> 00:39:26,920
음, CSS 파일은 유사하게,이
읽을 수있는 세계로, 말하자면.

895
00:39:26,920 --> 00:39:28,440
그리고 그것은 너무 현재 금지되어 있습니다.

896
00:39:28,440 --> 00:39:33,760
그래서 내가 chmod를 + R을하자
스타의 점 CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
우리는 점 CSS 단지이다있어
CSS 파일에 대한 파일 확장자.

898
00:39:37,067 --> 00:39:38,900
이제 나에게로 돌아 가자
내 브라우저를 다시로드합니다.

899
00:39:38,900 --> 00:39:40,910
OK, 조금 더.

900
00:39:40,910 --> 00:39:42,282
>> 이제 내가 마지막으로 일을 할 수 있습니다.

901
00:39:42,282 --> 00:39:42,990
검색 4.html합니다.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
난 그냥 생각 버전
더 많은 방법이기는하지만, 방법 쿨러

904
00:39:48,220 --> 00:39:48,980
복잡한.

905
00:39:48,980 --> 00:39:50,690
의 첫 번째 결과를 살펴 보자.

906
00:39:50,690 --> 00:39:52,290
우리에게 더 많은 공간을 제공하기 위해이를 닫습니다.

907
00:39:52,290 --> 00:39:54,275
이것이-4를 검색 입력로 변경합니다.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> 그리고 지금의 여러 가지 방법이 끊어집니다.

910
00:39:57,200 --> 00:39:59,910
난 다시 갈거야
여기 내 디렉토리에.

911
00:39:59,910 --> 00:40:04,190
그리고 지금 난 그냥 할거야
file--에 + (R)의 chmod를

912
00:40:04,190 --> 00:40:07,450
나는 그것을 호출 exists-- 알고 있기 때문에
이미지 logo.gif.

913
00:40:07,450 --> 00:40:08,590
그리고 지금 다시로드합니다.

914
00:40:08,590 --> 00:40:11,040
그리고 난 지금 wow--
아주 가까이, 솔직히,

915
00:40:11,040 --> 00:40:15,860
구글의 1999 년 버전을 좋아하고
솔직히, 구글의 2014 년 버전,

916
00:40:15,860 --> 00:40:16,360
맞죠?

917
00:40:16,360 --> 00:40:21,920
>> 그래서 지금, 자신의 웹 사이트에 무슨
궁극적으로, 나는 고양이를 검색합니다.

918
00:40:21,920 --> 00:40:23,900
그리고 실제로 그것은이다.

919
00:40:23,900 --> 00:40:26,410
그러나 나는 무엇을 다르게 했는가
이 버전 4에서?

920
00:40:26,410 --> 00:40:28,020
그래서 우리는 여기에 너무 연연하지 않습니다.

921
00:40:28,020 --> 00:40:30,100
당신은 문제가이 나타납니다
결국 일곱을 설정합니다.

922
00:40:30,100 --> 00:40:31,350
하지만 몇 가지 않았다 알 수 있습니다.

923
00:40:31,350 --> 00:40:33,690
>> 나는 사업부를 도입
부문이다 태그,

924
00:40:33,690 --> 00:40:35,450
단락 태그 정신에는 변함이.

925
00:40:35,450 --> 00:40:38,220
그러나 사업부는 여기에, 단지처럼
직사각형 보이지 않는 지역

926
00:40:38,220 --> 00:40:39,150
화면.

927
00:40:39,150 --> 00:40:41,680
의는 고유를 줘 보자
식별자, 바닥 글, 단지

928
00:40:41,680 --> 00:40:44,700
그래서 우리는 이야기 할 수
그것은 다른 곳에서 우리의 HTML에.

929
00:40:44,700 --> 00:40:47,952
다음 페이지의 다른 DIV는
ID가 콘텐츠가 될 것입니다.

930
00:40:47,952 --> 00:40:49,160
이것은 페이지의 내용이다.

931
00:40:49,160 --> 00:40:51,090
그리고 여기까지 페이지의 헤더입니다.

932
00:40:51,090 --> 00:40:54,960
>> 즉, 나는했습니다
기본적으로 HTML의 정신입니다

933
00:40:54,960 --> 00:40:57,700
이 웹 페이지 등을 보는
세 가지 구성 요소, 헤더

934
00:40:57,700 --> 00:41:01,200
이 눈에 보이지 않는 사각형 여기에,
중간에 내용 다음

935
00:41:01,200 --> 00:41:04,800
아래로 아래의 글도
하지만 우리는 그 일을 볼 수 없습니다.

936
00:41:04,800 --> 00:41:09,940
나는 내 머리를 원하기 때문에
여기서 페이지 또는 .CSS 파일,

937
00:41:09,940 --> 00:41:11,460
나는이 구문을 사용할 수 있습니다.

938
00:41:11,460 --> 00:41:13,070
>> 헤더 태그 아니다.

939
00:41:13,070 --> 00:41:17,060
이집니다 그래서 ID의
#header을 수행하여 그 밖으로,

940
00:41:17,060 --> 00:41:20,840
지금은 하나 이상을 적용 할 수 있습니다
헤더 속성.

941
00:41:20,840 --> 00:41:24,130
저도 같은 내용을 수행 할 수 있습니다,
여기에 콘텐츠에 대한 동일합니다.

942
00:41:24,130 --> 00:41:27,230
>> 예를 들어, 바닥 글에 통지 그래서
내가 추가 해요 이러한 모든 속성.

943
00:41:27,230 --> 00:41:30,660
그리고 나는 그들이 읽는 것만으로 존재하는 것으로 알고
CSS에 대한 설명서 최대.

944
00:41:30,660 --> 00:41:33,450
글꼴 크기 smaller-- 될 것입니다
그래서 어떤 상대 글꼴 크기.

945
00:41:33,450 --> 00:41:34,741
무게는 굵은 될 것입니다.

946
00:41:34,741 --> 00:41:37,340
얼마나 많은 픽셀을 Margin--
주위에이게 뭐지 20 픽셀입니다.

947
00:41:37,340 --> 00:41:38,590
그리고 그것은 중심이 될 것.

948
00:41:38,590 --> 00:41:40,256
>> 하지만 지금은, 페이지는 다음과 같습니다.

949
00:41:40,256 --> 00:41:42,840
나는 기뻐하지 않다 경우
바로 내 사본,

950
00:41:42,840 --> 00:41:46,560
나는 붉은 색과 같이 할 수 있습니다.

951
00:41:46,560 --> 00:41:50,570
그리고 나는이를 절약 할 수 있습니다, 다시로드,
지금은 바닥 글 양식에 일치시키는 것.

952
00:41:50,570 --> 00:41:54,130
그래서 그냥 전원에 암시
당신이 웹 페이지에서 수행 할 수있는 작업

953
00:41:54,130 --> 00:41:55,510
주변을 변경합니다.

954
00:41:55,510 --> 00:41:59,080
>> 그리고이보다 더 쿨러, 당신이 원하는 경우
실제 웹 사이트로 찔러,

955
00:41:59,080 --> 00:42:00,810
당신은 영구적으로 변경할 수 없습니다.

956
00:42:00,810 --> 00:42:03,640
하지만 열 경우
크롬의 경위 다시

957
00:42:03,640 --> 00:42:07,610
나는 왼쪽으로 이동하지
여기에, 페이스 북의 HTML을 보여주는,

958
00:42:07,610 --> 00:42:11,380
하지만 오른쪽에 보여줍니다
편은 CSS의 모든,

959
00:42:11,380 --> 00:42:13,789
당신이 중 하나를 수행 할 수 있습니다 및
즉석에서 물건을 변경합니다.

960
00:42:13,789 --> 00:42:15,080
그래서 내가 가서이 작업을 수행 할 수 있습니다.

961
00:42:15,080 --> 00:42:18,670
>> 내가 앞으로 및 제어 가자
여기에이 임의의 단어를 클릭,

962
00:42:18,670 --> 00:42:21,230
서명 한 후 요소 검사를 클릭합니다.

963
00:42:21,230 --> 00:42:25,130
크롬은 매우 편리에 점프
페이스 북이 사용하고있는 H1 태그입니다.

964
00:42:25,130 --> 00:42:27,290
그리고 여기에 페이스 북을 통지
종류의 지연이

965
00:42:27,290 --> 00:42:29,960
하드 여기에 속성으로 글꼴 크기를 코딩.

966
00:42:29,960 --> 00:42:33,530
>> 그래서 좋은 점은 생각입니다
실제로 여기에 가면 그

967
00:42:33,530 --> 00:42:39,560
아, 페이스 북, 나는 그것을 좋아하지 않아, 말
64 픽셀, 우리는 지금 페이스 북을 변경할 수 있습니다.

968
00:42:39,560 --> 00:42:42,590
물론, 우리는 그것을 변경하고
나를 위해 개인적으로 순간.

969
00:42:42,590 --> 00:42:45,150
그러나 이것은 또 다른입니다
우리의 도구 키트 도구

970
00:42:45,150 --> 00:42:48,360
즉 우리가 조정할 수 있도록거야
및 파악도 진단

971
00:42:48,360 --> 00:42:49,729
우리 자신의 웹 페이지에 문제가 있습니다.

972
00:42:49,729 --> 00:42:52,270
그리고 우리는 유사를 통해 갈 수있다
여기에, 같은 일을하는 것입니다.

973
00:42:52,270 --> 00:42:55,830
당신은 정말 멋진 얻고 싶은 경우에, I
지금 당신이 정말로 페이지를 변이 할 수 있습니다 의미

974
00:42:55,830 --> 00:42:57,380
미친 일을.

975
00:42:57,380 --> 00:42:59,870
>> 왜이 모두가 유용 했습니까?

976
00:42:59,870 --> 00:43:02,330
음, 궁극적으로, 우리는있어
수 할 것

977
00:43:02,330 --> 00:43:07,110
웹 페이지를 만들 수 그
우리 자신의 백엔드에 의해 구동된다,

978
00:43:07,110 --> 00:43:10,520
하지 않음으로써 구글과
이 백 엔드 아웃소싱.

979
00:43:10,520 --> 00:43:13,510
우리는 실제로 원하는
값, 예를 들면,

980
00:43:13,510 --> 00:43:18,830
우리의 검색 엔진의 행동
다른 사람에게하지 이동 특성,

981
00:43:18,830 --> 00:43:24,270
하지만 search.php 같은 것으로,
sea​​rch.php는 우리 자신의 서버에있는 경우,

982
00:43:24,270 --> 00:43:25,670
하지 다른 사람의에.

983
00:43:25,670 --> 00:43:30,316
>> 그래서 우리는 실제로 거기까지
새로운 언어를 도입 할 필요가있다.

984
00:43:30,316 --> 00:43:33,190
그래서 우리는 이미 하나의 새로운 검토 한
정말 여기 언어, 또는 둘, HTML

985
00:43:33,190 --> 00:43:33,700
및 CSS.

986
00:43:33,700 --> 00:43:36,330
그러나 그들은 정말 그냥입니다
구조와 미적 언어.

987
00:43:36,330 --> 00:43:38,360
그들은 프로그래밍하지 않을
언어는 그 자체.

988
00:43:38,360 --> 00:43:41,160
그리고 그 형식에 대한만큼의
시간 우리는 그들에 보낼거야있다.

989
00:43:41,160 --> 00:43:44,910
우리가 지금 시작하겠습니다 때문에
PHP로 전환합니다.

990
00:43:44,910 --> 00:43:48,160
>> 그래서 PHP는 실제입니다
프로그래밍 언어.

991
00:43:48,160 --> 00:43:50,750
이 스크립트 언어이다
그것의 의미에서

992
00:43:50,750 --> 00:43:52,855
가벼운 무게로 의미
C. 같은보다

993
00:43:52,855 --> 00:43:56,082
그리고 그것은 해석 언어입니다,
어떤이 컴파일되지 것을 의미한다.

994
00:43:56,082 --> 00:43:58,790
간단히 말해서 그래서, 그것은 무엇을 의미 않았다
우리는 C와 같은 언어를 사용하는 경우

995
00:43:58,790 --> 00:44:00,290
우리는 그것을 컴파일했다?

996
00:44:00,290 --> 00:44:02,120
그것은 무엇을 의미 하는가
C 소스 코드를 컴파일?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
청중 : [들리지].

999
00:44:04,780 --> 00:44:06,184
DAVID J 마란 : 다시 말해봐?

1000
00:44:06,184 --> 00:44:07,100
청중 : [들리지].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
DAVID J 마란 : 완벽한.

1003
00:44:08,920 --> 00:44:10,180
그것은 바이너리로 변합니다.

1004
00:44:10,180 --> 00:44:14,200
그것은 제로과 1로 전환
실제 영어와 같은 소스 코드에서.

1005
00:44:14,200 --> 00:44:16,424
그리고 우리가 실제로 할 수있는
그 제로과 1을 실행

1006
00:44:16,424 --> 00:44:18,840
을 통해 전달하여
더블 클릭 아이콘으로 CPU

1007
00:44:18,840 --> 00:44:19,980
또는 명령을 실행.

1008
00:44:19,980 --> 00:44:23,770
>> PHP와 파이썬과 루비
펄과 자바 스크립트와

1009
00:44:23,770 --> 00:44:26,250
및 기타 큼
언어는 해석

1010
00:44:26,250 --> 00:44:29,290
말을하는 것입니다 언어,
당신이 그들을 컴파일되지 않습니다.

1011
00:44:29,290 --> 00:44:34,220
오히려, 당신은 입력으로 그들을 먹여
프로그램은 통역을했다.

1012
00:44:34,220 --> 00:44:36,640
그리고 통역,
이는 다른 사람이 썼다

1013
00:44:36,640 --> 00:44:40,930
, 아래에 소스 코드의 상단을 읽고
바로 바로 해석 왼쪽

1014
00:44:40,930 --> 00:44:43,000
그 라인과 당신이 무슨 말을한다.

1015
00:44:43,000 --> 00:44:45,360
>> 발생할 경우에 따라서
인쇄 말한다 라인,

1016
00:44:45,360 --> 00:44:48,660
반드시 인쇄를 변환하지 않습니다
해당하는 0과 1에.

1017
00:44:48,660 --> 00:44:51,910
그것은 단지 등이 인터프리터가
라는 큰 경우 조건,

1018
00:44:51,910 --> 00:44:56,110
프로그래머의 명령이있는 경우
인쇄, 다음을 수행.

1019
00:44:56,110 --> 00:44:58,170
그래서 그냥 해석
추론 가지로

1020
00:44:58,170 --> 00:44:59,800
당신이 그것을 말하고있는 무슨을을 통해.

1021
00:44:59,800 --> 00:45:01,320
>> 그리고 PHP는 다음 언어 중 하나입니다.

1022
00:45:01,320 --> 00:45:05,310
그리고 PHP 년 전 설계되었습니다
정확하게 웹 프로그래밍.

1023
00:45:05,310 --> 00:45:08,160
그리고 그것은 처음이었다
매우 단 정치 못한 지저분한 언어.

1024
00:45:08,160 --> 00:45:10,940
그리고 실제로, 거대한를있다
거기에 나쁜 PHP 코드의 양.

1025
00:45:10,940 --> 00:45:13,520
그러나 언어 자체
지난 몇 년 동안 성숙,

1026
00:45:13,520 --> 00:45:16,200
너무 많은 것을 지금은 그래서
실제로 멋진 다음 단계

1027
00:45:16,200 --> 00:45:19,970
교육학이 때문에 C에서
모두에게 익숙한 그래서 꿰매

1028
00:45:19,970 --> 00:45:22,380
당신은 지난 몇 주 동안 검색된.

1029
00:45:22,380 --> 00:45:25,724
>> 우리가 볼 하나 초기 차이
더 주요 기능은 더 이상 없다입니다.

1030
00:45:25,724 --> 00:45:28,890
당신은 코드 작성을 시작할 때, 그것은 단지
가는 무슨 일이 있어도 실행되지 얻으려면,

1031
00:45:28,890 --> 00:45:30,220
우리는 순간에 볼 수있다.

1032
00:45:30,220 --> 00:45:33,320
한편, 여기에 무슨
변수는 PHP에서처럼 보인다.

1033
00:45:33,320 --> 00:45:35,840
그것은 조금 다르다
하지만 겨우.

1034
00:45:35,840 --> 00:45:39,380
>> PHP에서 강한 타자가 아니다.

1035
00:45:39,380 --> 00:45:41,430
주 입력이있다,
이는 그냥 의미

1036
00:45:41,430 --> 00:45:44,030
문자열과 같은 데이터 유형
숫자와 다른 것.

1037
00:45:44,030 --> 00:45:47,030
하지만 당신은 지정 귀찮게하지 않습니다
그들은 더 이상 무엇인가.

1038
00:45:47,030 --> 00:45:48,980
PHP는 당신을 위해 그것을 파악한다.

1039
00:45:48,980 --> 00:45:52,030
달러 기호는 결정이다
PHP 사람들은 세를 한 것으로

1040
00:45:52,030 --> 00:45:54,890
전에 같은 그 PHP의 모든 변수
다만 달러 기호로 시작합니다.

1041
00:45:54,890 --> 00:45:58,130
이 점에서 실제로 종류의 유용
그것은 좀 더 당신을 밖으로 이동합니다.

1042
00:45:58,130 --> 00:46:01,315
>> 그러나 그 후,이
PHP의 조건이다.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
C 대 다른는 무엇입니까?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
아무것도 question-- 트릭 없다,
이는 실제로 정말 좋은 것입니다.

1047
00:46:09,600 --> 00:46:12,140
PHP-- 같은 부울 식.

1048
00:46:12,140 --> 00:46:19,354
와 대 부울 식
또는, 스위치, 루프, 루프, OK loops--,

1049
00:46:19,354 --> 00:46:20,270
이 사람은 다르다.

1050
00:46:20,270 --> 00:46:22,660
>> 를 거기에서 그래서집니다
PHP의 다른 기능의 커플.

1051
00:46:22,660 --> 00:46:25,243
그들 중 하나는, 실제로 인
어떤 멋지고 편리합니다.

1052
00:46:25,243 --> 00:46:29,250
$ 번호 경우했습니다 배열입니다
프로그램에서 이전에 선언,

1053
00:46:29,250 --> 00:46:33,350
각 구조에 대한이 공상을
그 그 모든 일을 대신

1054
00:46:33,350 --> 00:46:37,020
성가신 나는이 0과 동일
그 이하로, [? 나는 + +?]

1055
00:46:37,020 --> 00:46:40,320
수, 각 각 번호에 대한
그 달러 기호 값으로 그냥

1056
00:46:40,320 --> 00:46:42,790
변수, 후자
당신은 I.로 생각할 수 있습니다

1057
00:46:42,790 --> 00:46:44,290
당신은 당신이 원하는 무엇이든 그것을 호출 할 수 있습니다.

1058
00:46:44,290 --> 00:46:45,770
나는 수를했다.

1059
00:46:45,770 --> 00:46:48,825
이것은 반복 할 것입니다
배열은 번호를 불렀다.

1060
00:46:48,825 --> 00:46:51,200
그리고 각 반복에서, 이건
자동으로 업데이트 예정

1061
00:46:51,200 --> 00:46:54,340
당신 달러 기호 번호
변수 있도록 지속적으로

1062
00:46:54,340 --> 00:46:58,210
원하는 변수에 액세스 할 수
어떤 대괄호를 할 필요없이

1063
00:46:58,210 --> 00:47:00,980
배열로 표기 또는 인덱싱.

1064
00:47:00,980 --> 00:47:04,950
>> 그건 그렇고, 우리는 심지어 같은 것들을 가지고
거의 같은 모양 배열,

1065
00:47:04,950 --> 00:47:08,210
그것은 매우 흔한 제외로서 우리는거야
PHP와 자바 스크립트에 모두 참조

1066
00:47:08,210 --> 00:47:10,750
배열을 초기화 사전
대괄호를 사용하여.

1067
00:47:10,750 --> 00:47:12,040
C는 중괄호를 사용한다.

1068
00:47:12,040 --> 00:47:15,330
그래서, 비록 약간 다릅니다
우리가 정말 많은 트릭을 사용하지 않았다.

1069
00:47:15,330 --> 00:47:20,090
>> 그러나 더 강력하게,
PHP는 연관 배열을 가지고

1070
00:47:20,090 --> 00:47:23,100
하는 멋진 방법입니다
해시 테이블을 말하는.

1071
00:47:23,100 --> 00:47:31,610
사실, 당신은 해시를 선언 할 경우
테이블 PHP에서, C-- 달리 얼마나 많은

1072
00:47:31,610 --> 00:47:34,775
코드의 라인이 걸릴 않았다
실제로 C의 해시 테이블을 구현?

1073
00:47:34,775 --> 00:47:38,310
또는 코드를 몇 줄된다
C에서 해시 테이블을 구현하기 위해 복용?

1074
00:47:38,310 --> 00:47:39,820
그래서 그것은 바로, 아마 많은입니까?

1075
00:47:39,820 --> 00:47:41,680
그것은 어쩌면, 100 또는 200 수십입니다.

1076
00:47:41,680 --> 00:47:42,980
그것은 사소입니다.

1077
00:47:42,980 --> 00:47:45,420
아니면 같이 될 약이다
당신은 곧, 사소 볼 수 있습니다

1078
00:47:45,420 --> 00:47:48,080
해시 테이블을 구현
[들림] 또한보십시오.

1079
00:47:48,080 --> 00:47:50,580
PHP--에서 솔직히, 나는
아마 당신이 말 안한다

1080
00:47:50,580 --> 00:47:53,630
Monday--까지 PHP에서, 경우
작업이 완료, 테이블을 할 수 있습니다.

1081
00:47:53,630 --> 00:47:56,431
즉, 해시 그렇게 table--의
한 줄의 코드와.

1082
00:47:56,431 --> 00:47:56,930
과

1083
00:47:56,930 --> 00:47:58,810
>> 언어의 많은 그렇게.

1084
00:47:58,810 --> 00:48:00,190
PSET 다섯과 재미가있다.

1085
00:48:00,190 --> 00:48:01,980
그래서 많은 언어는이 작업을 수행.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
그들은 당신에게 이러한 추상화를 제공합니다
다른 사람, 다른 프로그래머가,

1088
00:48:06,140 --> 00:48:09,870
그래서 당신을 위해 만든
당신은 자신의 어깨에 서있을 수

1089
00:48:09,870 --> 00:48:13,290
슈퍼있는 아이디어를 사용하여 시작
매력적인, 해시 테이블과 나무 등

1090
00:48:13,290 --> 00:48:14,140
및 시도합니다.

1091
00:48:14,140 --> 00:48:17,790
하지만 당신은 반드시 필요 없어
그런 것들을 자신을 구현합니다.

1092
00:48:17,790 --> 00:48:20,850
>> 그리고 궁극적으로 무엇을
우리는 PHP를 사용하는거야

1093
00:48:20,850 --> 00:48:23,580
잠재적으로 프로그램을 작성한다
소위 명령 행의.

1094
00:48:23,580 --> 00:48:26,600
우리는 모든 프로그램을 다시 만들 수 있습니다
우리는 지금까지 이번 학기를 작성했습니다

1095
00:48:26,600 --> 00:48:30,410
어쩌면 제외 SPL을 사용하여 브레이크 아웃,
어느 순간에 C에 따라 다릅니다.

1096
00:48:30,410 --> 00:48:33,100
그러나 다른 모든 문제는 설정,
확실히 마리오와 시저

1097
00:48:33,100 --> 00:48:35,300
와 Vigenere 및
[? 우리를? 균열]과 이후

1098
00:48:35,300 --> 00:48:39,520
수 PHP에서 다시 구현하고,
아마 더 쉽게 조금.

1099
00:48:39,520 --> 00:48:43,050
>> 그러나 우리는 궁극적으로 무엇을 할거야
웹 프로그래밍을위한 PHP를 사용합니다.

1100
00:48:43,050 --> 00:48:46,420
그리고 우리는 다음에 소개하는거야
주 정신 모델,라는 패러다임

1101
00:48:46,420 --> 00:48:49,610
MVC, 모델 뷰 컨트롤러,
이는 프로그래밍에 수행 한 경우

1102
00:48:49,610 --> 00:48:51,610
파이썬에서 이전 또는
루비 또는 다른 곳에서, 당신

1103
00:48:51,610 --> 00:48:54,112
이 팀으로 알고 있습니다
레일 및 장고 등이있다.

1104
00:48:54,112 --> 00:48:55,820
그러나 당신의 새로운면
이 역시, 당신은 볼 것이다

1105
00:48:55,820 --> 00:48:59,652
이 사실은 매우 자연입니다
인수 분해의 확장

1106
00:48:59,652 --> 00:49:01,360
디자인의 종류
코드의 우리는으니

1107
00:49:01,360 --> 00:49:04,670
C로 일을하고 우리는 지금 갈거야
PHP에 그 교훈을 적용

1108
00:49:04,670 --> 00:49:07,190
그래서 궁극적으로, 우리는
우리 자신의 웹 사이트를 구현.

1109
00:49:07,190 --> 00:49:09,080
그리고 당신은 종류의라면
푹 또는 놀라 울

1110
00:49:09,080 --> 00:49:10,954
우리가 할 거라고
이렇게 빨리 모든,

1111
00:49:10,954 --> 00:49:13,410
거의 모든 것을 실현
학기, 거의 90 %

1112
00:49:13,410 --> 00:49:16,560
를 포함하여 학생 CS50의
사람, 이전에 프로그램 된 적이없는

1113
00:49:16,560 --> 00:49:20,329
최종 프로젝트를 만들고 결국 그
웹 프로그래밍을 기반으로합니다.

1114
00:49:20,329 --> 00:49:23,120
그리고 당신은 반환 것을 볼 수 있습니다
앞으로 몇 주 높다.

1115
00:49:23,120 --> 00:49:24,965
그래서 우리는 월요일에 당신을 볼 수 있습니다.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> 스피커 1 : 그리고 지금, 깊은
데 이븐 판햄으로 생각.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
해시 테이블.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [웃음]

1122
00:49:38,402 --> 00:49:38,902