1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,260
>> 스피커 1 :의 검색을 구현​​하자
엔진 또는, 적어도, 프론트 엔드의 사용자

3
00:00:03,260 --> 00:00:06,590
검색 엔진에 대한 인터페이스가
사용자가 몇 가지 용어를 입력 할 수 있습니다

4
00:00:06,590 --> 00:00:09,370
다음 세계를 검색
이러한 용어에 대한 웹.

5
00:00:09,370 --> 00:00:13,690
이를 위해, 우리는 HTML의 "형태"를 사용합니다
태그뿐만 아니라 몇 가지 다른.

6
00:00:13,690 --> 00:00:17,140
여기 search.html에있는, 이미했습니다
우리가 개방에 의해 시작하고받은

7
00:00:17,140 --> 00:00:18,500
몇 가지 태그를 닫는.

8
00:00:18,500 --> 00:00:22,570
그래서 지금 여기,이 몸의 안쪽에,하자
첫 번째 CS50의 제목을 정의

9
00:00:22,570 --> 00:00:26,460
종류의 제목 역할을 검색
페이지의 본문에.

10
00:00:26,460 --> 00:00:30,660
>> "양식"태그를 열고하자,
선제의 닫을 수 있도록, 그렇게하지

11
00:00:30,660 --> 00:00:31,930
나중에 잊지.

12
00:00:31,930 --> 00:00:37,450
의 다음 누구의 입력 태그를 정의 할 수
이름은 쿼리의 "Q", 그리고 그 것이다

13
00:00:37,450 --> 00:00:40,810
유형은 "텍스트"가 될 것이다 그래서
브라우저는 텍스트 필드 등이 렌더링

14
00:00:40,810 --> 00:00:41,840
페이지.

15
00:00:41,840 --> 00:00:43,720
의 다음이 태그를 닫을 수 있습니다.

16
00:00:43,720 --> 00:00:46,480
의 다음 아래 줄 바꿈을 삽입 할 수 있습니다.

17
00:00:46,480 --> 00:00:50,870
그리고 지금의이 한 번 더 입력을 정의 할 수
유형이 제출 될 것입니다 시간,

18
00:00:50,870 --> 00:00:56,640
그래서 전송 버튼, 그리고 그
값 또는 레이블 CS50 검색입니다.

19
00:00:56,640 --> 00:00:59,930
>> 이제 우리는이 양식을 정의하지만 한 우리
여기서 폼에 지정하지 않은

20
00:00:59,930 --> 00:01:01,120
제출해야한다.

21
00:01:01,120 --> 00:01:04,480
의 두 개 이상의 속성을 추가 할 수
여기에 더 정확합니다.

22
00:01:04,480 --> 00:01:09,410
첫째, "양식"태그에 지정할 수
스스로 그 방법을하는이

23
00:01:09,410 --> 00:01:12,620
형태는 HTTP GET이 제출되어야한다.

24
00:01:12,620 --> 00:01:16,150
그리고 이제 지정할 수 그 행동이나
이 양식의 대상이되어야한다

25
00:01:16,150 --> 00:01:22,540
https://www.google.com/search.

26
00:01:22,540 --> 00:01:25,690
>> 지금, 나는 URL이 존재하는 것을 알고 있기 때문에
나는 약간의 시간을 본 적이 내

27
00:01:25,690 --> 00:01:27,080
브라우저의 주소 표시 줄.

28
00:01:27,080 --> 00:01:32,020
그래서 단순히 사용자를 참조하는거야
자신의 검색 결과를 그 URL.

29
00:01:32,020 --> 00:01:35,380
의 지금, 저장 권한을 변경할 수
에,이 단계를 엽니 다.

30
00:01:35,380 --> 00:01:41,090
"플러스 R의 search.html에 chmod를."
크롬을 열어 지금하자.

31
00:01:41,090 --> 00:01:46,770
http://localhost/search.html.

32
00:01:46,770 --> 00:01:49,345
검색 엔진의 안 섹시한,
하지만 작동하는지 보자.

33
00:01:49,345 --> 00:01:51,920

34
00:01:51,920 --> 00:01:53,240
그리고 어떤 고양이가 있습니다.

35
00:01:53,240 --> 00:01:57,140
>> 주소 표시 줄에 비해, 비록 주목
내가 예상 정확히 URL입니다,

36
00:01:57,140 --> 00:01:58,910
그러나 조금 뭔가
끝에 더.

37
00:01:58,910 --> 00:02:04,260
여기을 확대하는 경우, 통지하는 URL
우리가 예상 한대로 정확하게 만 첨부

38
00:02:04,260 --> 00:02:07,260
물음표 Q의 등호
상단에있는 고양이.

39
00:02:07,260 --> 00:02:08,729
그 어디에서 왔는가?

40
00:02:08,729 --> 00:02:12,880
>> 나는 양식을 제출 한 자, 그 때문에
그의 이름이었다 Q 입력을 가지고, 우리의

41
00:02:12,880 --> 00:02:16,300
브라우저는 추가 자체에 그것을했다
다음 물음표와는 넣어

42
00:02:16,300 --> 00:02:17,820
매개 변수의 이름 - Q -

43
00:02:17,820 --> 00:02:21,130
등호 다음에, 다음에
값이 고양이에 의해 그 I

44
00:02:21,130 --> 00:02:22,550
나 자신 안으로 입력

45
00:02:22,550 --> 00:02:26,130
이상과 같은 매개 변수가 있다면
URL의 내부, 브라우저는 것

46
00:02:26,130 --> 00:02:28,500
단순히 별거
앰퍼샌드 그들.

47
00:02:28,500 --> 00:02:30,790
그러나이 경우, 우리는이
단지 하나의 쌍.

48
00:02:30,790 --> 00:02:35,040
그리고는 입력으로 제공된다
많은 매개 변수와 같은 구글이다

49
00:02:35,040 --> 00:02:37,000
입력 기능에 제공된다.

50
00:02:37,000 --> 00:02:40,600
그리고 구글은 다음에 해당 입력을 사용
어떻게 든 자사의 데이터베이스를 검색하고

51
00:02:40,600 --> 00:02:42,180
결과의 페이지를 표시합니다.

52
00:02:42,180 --> 00:02:43,755