1
00:00:00,750 --> 00:00:04,530
그래서 우리가 여기서하고 싶은 것은 forum 태그를 소개하는 것입니다.

2
00:00:04,800 --> 00:00:10,310
지금 우리가 가지고있는 것은 영어로 양식을 부르는 것이지만 기술적으로 그를 풀어 낼 수있는 것입니다.

3
00:00:10,320 --> 00:00:11,860
그것은 양식으로 간주되지 않습니다.

4
00:00:11,970 --> 00:00:15,210
그것은 관련이없는 3 개의 입력 만 가지고 있습니다.

5
00:00:15,210 --> 00:00:16,730
양식의 요점을 기억하십시오.

6
00:00:16,740 --> 00:00:19,360
그것은 단지 우리가 입력을 넣는 컨테이너 일뿐입니다.

7
00:00:19,380 --> 00:00:24,110
그렇습니다. 그들은 양식의 바깥에 개별적으로 존재할 수 있습니다. 때때로 우리는 그것을 가질 것입니다.

8
00:00:24,330 --> 00:00:32,370
그러나 이것이 우리가 함께 제출하고자하는 한 가지 형태의 포장 된 것이라면 양식 태그를 만드는 것이 합리적입니다.

9
00:00:33,150 --> 00:00:39,970
그래서 저는이 데이터를 form 태그에 넣고 저장하려고합니다.

10
00:00:40,740 --> 00:00:45,010
우리가 토론 한 두 가지 특성이 있다는 것을 기억하십시오.

11
00:00:45,020 --> 00:00:53,640
양식에서 데이터를 보내는 작업이 있습니다.

12
00:00:53,640 --> 00:01:03,940
그리고 HTP 방법이 GET 또는 POST 인 방법도 있습니다.

13
00:01:04,080 --> 00:01:08,800
바로 가기 명령이 주석을 얻기 위해 슬래시를 새로 고치는 것과 마찬가지입니다.

14
00:01:09,330 --> 00:01:10,570
승인.

15
00:01:10,680 --> 00:01:15,900
따라서 페이지를 새로 고치면 아무 것도 바뀌지 않거나 아무것도 변경되지 않은 것처럼 보입니다.

16
00:01:15,900 --> 00:01:18,310
정말 작은 변화가 하나 있습니다.

17
00:01:18,390 --> 00:01:40,750
그래서 여기에 텍스트를 추가하면 폼 태그가 없거나 페이지를 새로 고침하면 폼 태그를 추가하자마자 모든 것이 라인에 있음을 볼 수 있습니다. 그러나 폼이 Allaman의 블록을 푸시합니다 그 텍스트를 새 줄로

18
00:01:41,130 --> 00:01:49,530
그래서 아주 사소한 일이지만, 내 모습이 기능적으로는 동일하게 보입니다.

19
00:01:49,530 --> 00:01:53,660
이제 페이지를 새로 고침하면 실제로 뭔가 효과적이지 않습니다.

20
00:01:53,700 --> 00:01:58,820
하지만 내 사용자 이름과 암호를 입력하면 제출을 누르십시오.

21
00:01:58,860 --> 00:02:04,710
여기에서주의를 기울이면 내 페이지가 실제로 내 데이터가 사라지는 것을 볼 수 있습니다.

22
00:02:04,850 --> 00:02:10,350
페이지를 새로 고침하는이 단추는 사용자가 볼 수있는 것처럼 잠깐 동안 들어 있습니다.

23
00:02:10,470 --> 00:02:13,140
그래서 내 양식을 보냈습니다.

24
00:02:13,140 --> 00:02:16,910
문제는 그것이 현재 내가있는 같은 장소로 보내지고 있다는 것입니다.

25
00:02:16,920 --> 00:02:22,410
따라서 기본적으로 작업을 지정하지 않으면 페이지를 새로 고치는 것과 똑같은 위치로 이동하게됩니다.

26
00:02:22,560 --> 00:02:26,580
메소드를 지정하지 않으면 GET 요청이 될 것입니다.

27
00:02:27,060 --> 00:02:28,770
그래서 우리는 들어가서 그것을 바꿀 수있었습니다.

28
00:02:28,810 --> 00:02:33,250
우리는 행동과 방법이 동등하다고 말할 수 있습니다.

29
00:02:33,270 --> 00:02:51,750
그리고 다른 것을 바꾸어 봅시다. HTP 콜론 슬래시와 동일한 동작을 수행합시다. Wikipedia 닷컴 메서드는 GET 요청이거나 페이지를 새로 고침하여 여기에 데이터를 채우겠습니다.

30
00:02:51,870 --> 00:02:54,090
양식을 작성하고 제출을 클릭하십시오.

31
00:02:54,090 --> 00:03:06,220
이번에는 Wikipedia에 요청을 보내려는 동일한 페이지에 요청을 보내지 않을 것이고 기술적으로 이것은 Wikipedia이어야합니다.

32
00:03:06,540 --> 00:03:12,160
그러나 그들은 사람들이 항상 닷컴을 사용하려고 시도하고 있다는 사실을 깨닫기에 충분히 똑똑합니다. 단지 org로 리디렉션됩니다.

33
00:03:13,020 --> 00:03:16,120
좋습니다. 이것이 바로 우리가 데이터를 보내는 곳입니다.

34
00:03:16,140 --> 00:03:21,530
물론 우리는 실제로 포럼에서 Wikipedia 나 Google 또는 Facebook에 데이터를 보내지는 않습니다.

35
00:03:21,600 --> 00:03:27,230
우리는 그것을 우리 자신의 서버에 보내고 우리는 생성하지만 우리는 아직 가지고 있지 않습니다.

36
00:03:27,240 --> 00:03:33,430
따라서 지금은 작업을 변경하여 데이터의 위치를 ​​변경할 수 있음을 보여줍니다.

37
00:03:33,510 --> 00:03:44,510
그래서 나는 앞으로 나아가서 이들 둘 모두를 없애고 우리가 가지고있는 것과 동일한 페이지를 새로 고침 할 방법과 양식을 얻는 방법을 그대로 유지할 것입니다.

38
00:03:45,180 --> 00:03:52,660
그리고 혼란 스럽다면 HTP 요청과 방법 및 행동에 대해 많은 시간을 할애 할 것입니다.

39
00:03:53,070 --> 00:03:54,350
그래서 우리는 거기에 갈 것입니다.

40
00:03:54,360 --> 00:03:58,630
지금은 순전히 양식을 작성하는 프론트 엔드에 관한 것입니다.

41
00:03:58,740 --> 00:04:10,850
그래서 제가 여기서 이야기하고자하는 또 하나의 사실은 우리가 실제로이 양식을 제출할 때 데이터가이 요청과 함께 전송되고 그것을 볼 수있는 방법이 있다는 것입니다.

42
00:04:10,860 --> 00:04:15,250
따라서 우리가 보내고 자하는 각각의 데이터에 이름을 부여하면됩니다.

43
00:04:15,300 --> 00:04:16,720
그래서 그것은 이름 속성입니다.

44
00:04:17,010 --> 00:04:27,550
사용자 이름에 사용자 이름을 붙이고 입력 한 다음 암호 입력시 이름이 암호와 같다고 말하고이를 저장합니다.

45
00:04:27,550 --> 00:04:32,060
암호를 테스트 할 때 사용자 이름을 입력하십시오.

46
00:04:32,160 --> 00:04:41,250
제출할 때 여기에주의를 기울이면 내가 본 적이없는 새로운 형식으로 내 데이터가 추가됩니다.

47
00:04:41,250 --> 00:04:42,720
쿼리 문자열이라고합니다.

48
00:04:42,750 --> 00:04:46,580
그 중 또 다른 주제는 더 많은 시간을 할애하고 표현할 것입니다.

49
00:04:46,710 --> 00:04:52,410
기본적으로 물음표 뒤에는 앰퍼샌드로 구분 된 키 값 쌍이옵니다.

50
00:04:52,860 --> 00:04:55,830
그래서 나는 내가 설정 한 이름 인 사용자 이름을 가지고있다.

51
00:04:55,950 --> 00:05:00,850
그 입력 암호의 값인 equals resti는 내가 설정 한 이름입니다.

52
00:05:00,900 --> 00:05:04,120
동등한 시험 1 2 3.

53
00:05:04,290 --> 00:05:10,890
그래서 요점은 원시 데이터에 이름을 붙여서 나중에 검색 할 수 있다는 것입니다.

54
00:05:10,890 --> 00:05:14,830
물론 유로화를 통해 암호를 보내지는 않습니다.

55
00:05:14,940 --> 00:05:19,060
우리는 실제로 어떤 사용자라도 암호를 볼 수있는 사용자를 알려주지 않습니다.

56
00:05:19,290 --> 00:05:23,830
그리고 그것은 get 요청보다는 보통 post 요청을 사용하기 때문입니다.

57
00:05:23,850 --> 00:05:25,690
이 문제를 해결할 수있는 방법이 있습니다.

58
00:05:25,710 --> 00:05:27,550
다시 이것은 수업의 뒷부분을위한 것입니다.

59
00:05:27,630 --> 00:05:31,400
그러나 중요한 것은 이것이 내가 당신에게 보여주고있는 어떤 것이 아니라는 것입니다. 왜냐하면 당신이 항상 그렇게 할 것이기 때문입니다.

60
00:05:31,410 --> 00:05:42,510
폼에 뭔가를 입력하고 데이터를 입력하면 제출 된 데이터를 클릭하여 해당 양식에서 데이터를 가져오고 요청이 어딘가에 전송된다는 사실을 보여주기 때문에 저는 이것을 보여줄 것입니다.

61
00:05:42,570 --> 00:05:45,670
그리고이 경우에 그것은 우리가 이미있는 곳과 똑같은 곳으로 보냈습니다.

62
00:05:45,810 --> 00:06:09,080
그러나 우리가 이것을 행동으로 바꾸고 Wikipedia Wikipedia로 돌아가거나 우리는 이름 Rusty password test one 2 3을 사용하면 Wikipedia로 나를 데려다 줄 것입니다.

63
00:06:09,420 --> 00:06:11,220
그리고 여기에 내 데이터가 추가됩니다.

64
00:06:11,280 --> 00:06:14,530
그래서 우리는 그 양식을 사용하여 요청을 성공적으로 보냈습니다.

65
00:06:14,910 --> 00:06:23,240
그리고 그 요청에서 데이터는 사용자 이름과 암호 필드에서 추출 된 다음 요청과 함께 전송됩니다.

66
00:06:23,280 --> 00:06:27,030
이것이 우리가 할 모든 형태의 형식의 기초입니다.