1
00:00:00,150 --> 00:00:01,250
다시 오신 것을 환영합니다.

2
00:00:01,290 --> 00:00:11,850
따라서이 비디오는이 개 데모 앱에 대한 개념적 개요를 작성한 마지막 비디오의 연속입니다. 우리는 TO GET 요청 경로에 대해 이야기했습니다.

3
00:00:12,180 --> 00:00:15,110
다시 한번 동일한 기대치를 반복해서 적용하십시오.

4
00:00:15,360 --> 00:00:32,580
이 코드의 99 퍼센트를 이해할 필요가 없습니다. 단지 개념 블록으로 취급 할 수 있고 여기에있는이 코드가 개 도착 경로를 담당한다는 것을 이해할 수 있습니다. 그러면 개를 여러 개 가진 페이지를 다시 보냅니다. 그것.

5
00:00:32,700 --> 00:00:34,660
그게 지금 당신이 알아야 할 전부입니다.

6
00:00:34,680 --> 00:00:36,720
새로운 개념에도 똑같이 적용됩니다.

7
00:00:36,720 --> 00:00:38,350
우리는이 비디오에서 배울 것입니다.

8
00:00:38,370 --> 00:00:41,100
초점은 개념에 대한 구문이 아닙니다.

9
00:00:41,430 --> 00:00:49,450
여기에 세 번째 경로가 있습니다. 첫 번째 동영상에서 언급하지 않았지만 포스트 경로라는 점에서 약간 다릅니다.

10
00:00:49,710 --> 00:00:57,300
그래서이 코드는 사용자가 개를 만들 때 POST 요청을 할 때만 실행됩니다.

11
00:00:58,190 --> 00:01:04,140
그리고 당신의 기억을 조깅하기 만하면 사용자는 당신이나 Albar에 무엇인가를 입력하여 POST 요청을 할 수 없습니다.

12
00:01:04,290 --> 00:01:10,060
그들이 POST 요청을 할 시간의 아홉 9 포인트 9 9 %는 양식을 통해서입니다.

13
00:01:10,290 --> 00:01:12,970
그래서 우리는 실제로 그것을 조금씩 보게 될 것입니다.

14
00:01:13,170 --> 00:01:16,880
그러나 우편 배달부를 통해 POST 요청을하는 방법을 보여줄 수도 있습니다.

15
00:01:17,370 --> 00:01:20,190
그래서 슬래시 만들기 요청은 개를 만듭니다.

16
00:01:20,370 --> 00:01:33,280
그리고 그것은 우리가 요청한 품종의 이름을 취할 것입니다. 바로 여기서 일어나고있는 일이 바로 몸 이름 요청을 요청하는 것입니다.

17
00:01:33,300 --> 00:01:41,020
이렇게 여하튼 요청에서 몸이라고 지명 된이 것에있는 이름 그리고 유형이 있고 우리는 그것을 새로운 개를 만들기 위하여 이용하고있다.

18
00:01:41,370 --> 00:01:50,850
그런 다음 사용자를 요청하여 슬래시 개로 리디렉션하고 모든 코드를 실행하여 모든 개를 찾고 개 페이지를 렌더링합니다.

19
00:01:51,120 --> 00:01:52,560
그래서 많은 일이 일어나고 있습니다.

20
00:01:52,830 --> 00:01:58,910
창 초에 간단한 개 게시물 요청을 보내서 개를 만들자.

21
00:01:59,250 --> 00:02:14,230
그래서 우체부 사람에게 가서 우체국으로 바꾸고 경로를 바꿔서 localhost 3000 slash create dog가되도록해야합니다. 그러면 서버가 제대로 작동하는지 확인해야합니다.

22
00:02:14,730 --> 00:02:22,090
그리고 나서 우리는 이름을 쓰지 않고 읽는 것을 보내기 만하면됩니다. 그러면 무슨 일이 일어날 지 알게 될 것입니다.

23
00:02:23,550 --> 00:02:31,010
그래서 우리가 돌아온 것을 보았다면 Rustie가 왜 데이지 싯카인지 같은 개 페이지가 있습니다.

24
00:02:31,200 --> 00:02:35,250
그리고 이름도없고 품종도없는 빈 개가 있습니다.

25
00:02:35,310 --> 00:02:46,800
그리고 만약 내가 여기 내 브라우저로 가서 새로 고침하면 또 다른 요청을 만들어 데이터베이스에서 모든 개를 검색하고 각각에 대해 약간의 코드를 생성하는 코드를 실행합니다.

26
00:02:46,950 --> 00:02:53,120
사실 우리는 데이터베이스에 빈 개가 있다는 것을 알 수 있습니다. 왜냐하면 우리가 아무런 데이터도 보내지 않았기 때문입니다.

27
00:02:53,130 --> 00:02:56,630
우리는 새 개를 만들기 위해 이름과 품종을 보내지 않았습니다.

28
00:02:56,670 --> 00:03:01,300
그래서 그들은 비어 있었고 우리 코드는 빈 개를 만들어 데이터베이스에 저장했습니다.

29
00:03:01,500 --> 00:03:09,870
우편 배달부와 데이터를 보내기 위해 본문에 추가 할 수 있습니다. 그러면 신체에 추가 할 내용을 입력 할 수 있습니다.

30
00:03:10,080 --> 00:03:19,900
그래서 우리는 찰리 (Charlie)라는 이름을 원하고 브리드 (Breede)의 가치는 바로 그런 실험실이 될 것입니다.

31
00:03:19,920 --> 00:03:26,430
이것은 우체부를 통해 이름과 품종이있는 게시물 요청을하기 위해해야 ​​할 일입니다.

32
00:03:26,760 --> 00:03:28,210
그리고 나는 send를 칠 것이다.

33
00:03:28,770 --> 00:03:30,630
이제 우리가 얻는 반응을 보게 될 것입니다.

34
00:03:30,660 --> 00:03:34,150
이번에는 이번에는 다시 모든 개들입니다.

35
00:03:34,170 --> 00:03:36,090
우리는 찰리를 실험실로두고 있습니다.

36
00:03:36,270 --> 00:03:41,400
그리고 내가 여기 새로워지면 또 다른 요청을한다. 나는 모든 개를 얻는다.

37
00:03:41,700 --> 00:03:43,100
찰리가 추가되었습니다.

38
00:03:43,530 --> 00:03:46,090
30 초 안에 그 모든 것을 요약 해 보겠습니다.

39
00:03:46,290 --> 00:03:51,310
그래서 나는 요청을 만들어 강아지 요청을 다른 유형의 요청을 만들 수 있습니다.

40
00:03:51,540 --> 00:03:57,450
그리고 여기에있는 몸의 요청에 나는 이름을 추가하고 Charlie와 실험실을 낳습니다.

41
00:03:57,840 --> 00:04:05,040
그리고 나서 send를 누르고 서버의 코드에서 dog를 slash하기위한 post 요청을 듣고 있습니다.

42
00:04:05,510 --> 00:04:13,730
그리고 누군가가 이름을 밝히지 않고 우리가 우체부와 함께 보낸 두 가지가 outbreed하도록 요청하는 요청을 가진 개를 만듭니다.

43
00:04:14,220 --> 00:04:22,310
그리고 개가 만들어지면 강아지를 찢어서 우리에게 페이지 나 나이를 보내지 않습니다.

44
00:04:22,470 --> 00:04:31,260
실제로 슬래시 개에서 코드를 실행하면 방금 새로 만든 브랜드를 포함하여 모든 개를 찾습니다.

45
00:04:31,380 --> 00:04:35,870
찰리 또는 이전의 경우에는 그것은 이름도없고 번식도없는 빈 강아지였습니다.

46
00:04:36,000 --> 00:04:40,500
그것들 모두를 가져온 다음 우리가 본 강아지의 템플릿을 렌더링합니다.

47
00:04:40,680 --> 00:04:43,740
그리고 각각을 위해 우리는 동맹국이되지 않습니다.

48
00:04:44,640 --> 00:04:46,330
그래서 많은 일이 일어나고 있습니다.

49
00:04:46,440 --> 00:04:48,060
그것은 POST 요청을 듣고 있습니다.

50
00:04:48,270 --> 00:04:52,650
그것은 새로운 개를 데이터베이스에 추가하는 것이고 우리를 개를 슬래시로 바꿔줍니다.

51
00:04:52,650 --> 00:04:56,170
이제 우리가 양식으로 어떻게이 일을 할 수 있었는지 이야기 해 봅시다.

52
00:04:56,220 --> 00:05:01,920
바에 enter를 입력하여 POST 요청을 할 수는 없지만 양식을 사용하여 POST 요청을 할 수 있음을 기억하십시오.

53
00:05:02,010 --> 00:05:05,630
그래서 저는 개들을 단지 양식에 추가 할 것입니다.

54
00:05:05,770 --> 00:05:06,240
예.

55
00:05:06,290 --> 00:05:07,330
맨 밑.

56
00:05:07,410 --> 00:05:19,730
양식 태그를 만들려고하고 양식에 두 부분으로 나뉘어 있습니다. 이제는 양식을 처음 소개 할 때 우리가 이야기 한 내용이 더 의미가 있지만 그 의미를 이해하는 데 많은 문맥이 없습니다.

57
00:05:19,750 --> 00:05:24,170
그래서이 두 속성은 행동과 방법입니다.

58
00:05:24,520 --> 00:05:26,150
방법으로 시작하겠습니다.

59
00:05:26,230 --> 00:05:30,780
우리는 게시물 요청을하고 있으며, 종종이 내용을 모든 대문자로 볼 수 있습니다.

60
00:05:30,790 --> 00:05:31,750
그건 중요하지 않아.

61
00:05:31,990 --> 00:05:38,870
그리고 행동은 우리가 단지 개를 만드는 슬래시 인 게시물 요청을하는 곳입니다.

62
00:05:39,120 --> 00:05:46,130
그래서이 양식이 제출 될 때마다 우리는 여기서 우리가 기대하고있는 개를 만들기위한 게시물 요청을 보낼 것입니다.

63
00:05:46,150 --> 00:05:50,080
POST 요청 create dog가이 코드를 실행합니다.

64
00:05:50,290 --> 00:05:52,210
다음으로 입력을 추가해야합니다.

65
00:05:52,270 --> 00:05:54,020
그래서 우리는 두 개의 입력을 가지게 될 것입니다.

66
00:05:54,190 --> 00:06:02,360
Type은 그 (것)들 및 다만 이름을 말하는이 것을위한 장소 홀더에서 둘 다 같이 원본에 동등하다.

67
00:06:02,500 --> 00:06:05,270
그리고 다음은 번식을위한 것입니다.

68
00:06:05,860 --> 00:06:20,520
그리고 마지막으로 우리가 할 일은 input 타입을 submit이라고 부르면됩니다. 우리의 버튼이 될 것입니다. 우리가 페이지를 새로 고치면 이제는 폼이 있지만 문제가 있습니다.

69
00:06:20,590 --> 00:06:21,620
내가 이것을 채우면.

70
00:06:21,730 --> 00:06:32,870
그래서 우리는 다른 강아지를 여기에 추가합니다. Skittles는 내가 푸트 (poodle)가 될 때 그것을 제출할 때 게시 요청을 보내어 개를 만들 것입니다.

71
00:06:33,190 --> 00:06:37,450
그러나 내가 할 때 우리는 빈 개로 끝납니다.

72
00:06:37,810 --> 00:06:44,940
두 개의 입력이 있더라도 브라우저에 입력의 이름이 무엇인지 알려주지 않았기 때문입니다.

73
00:06:45,400 --> 00:06:56,870
이름과이 이름이 번식되어야하고 자리 표시 자도 필요하기 때문에이 이름은 약간 혼란스러운 이름 인 이름이라고해야합니다.

74
00:06:56,880 --> 00:07:08,600
이제 우리가 한 것은 사용자가이 양식을 제출했을 때 브라우저에게 말한이 이름 속성을 추가하여 두 개의 데이터가있는 개를 만들기위한 게시물 요청을 보내는 것입니다.

75
00:07:08,920 --> 00:07:15,430
이름은이 입력에있는 것과 동일해야하며 번식은이 입력에있는 것과 동일해야합니다.

76
00:07:15,490 --> 00:07:19,040
우리는 시간을 들여 양식을 쓰고 다른 속성을 다루는 데 많은 시간을 할애 할 것입니다.

77
00:07:19,240 --> 00:07:20,760
그러니 너무 들키지 마세요.

78
00:07:20,920 --> 00:07:24,810
그러나 중요한 것은 현재 우리가 신체에 데이터를 추가하고 있다는 것입니다.

79
00:07:24,820 --> 00:07:39,260
그리고 푸들 인 Skittles를 새로 고침하고 추가하면 지금 내가 제출 한 게시물 요청을 보았습니다. 그리고 바로 여기에 게시판을 작성하여 개를 만들 수 있음을 알 수 있습니다.

80
00:07:39,880 --> 00:07:48,370
그리고 나서 일어난 일은 그 대신에 개를 만들지 않고 이름과 품종의 형태로 데이터를 가진 개를 만들었습니다.

81
00:07:48,820 --> 00:07:54,060
그리고 그 강아지를 만들고 데이터베이스를 저장 한 후에 그 작동 방식이 중요하지 않습니다.

82
00:07:54,070 --> 00:07:56,460
그러나 그것은 효과가 있습니다.

83
00:07:56,470 --> 00:08:08,370
그 다음 우리는 개를 슬래시로 방향을 바꿉니다. 실제로 두 번째 작은 것은 여기에 인쇄되어 실제로 실제로 들어 가지 않았음에도 개를 내리려고 요청을 받았다고합니다.

84
00:08:08,380 --> 00:08:17,190
무슨 일이 있었는지 내가 끝날 때 게시물로 개 만들기를 요청했을 때 실제로 나를 개를 내리라고 다른 요청을합니다.

85
00:08:17,440 --> 00:08:26,750
그리고 나서 모든 개를 찾은 다음 여기에서 본 개 템플릿을 렌더링 한 다음 폼의 바닥과 모든 개 거짓말을 봅니다.

86
00:08:26,830 --> 00:08:28,830
이것이 우리가 여기에서 보는 이유입니다.

87
00:08:28,890 --> 00:08:42,530
따라서이 아이콘에 정말주의를 기울이면 Snicker가 사탕 주제를 지키는 다른 개를 실제로 보게 될 것이며 snickers도 실험실이 될 수 있습니다.

88
00:08:42,750 --> 00:08:44,230
제출을 누르십시오.

89
00:08:44,230 --> 00:08:46,180
이것을 아주 가깝게 지켜보십시오.

90
00:08:46,170 --> 00:08:47,390
정말 빨라 질거야.

91
00:08:47,800 --> 00:08:49,900
그러나 그것은 단지 순간적으로 바뀌었다.

92
00:08:50,200 --> 00:09:08,980
그리고 그것은 중요한 부분입니다. 왜냐하면 제가 요청할 때 실제로이 페이지에서 저를 데려 간 다음 우리는 여기서 다시 리다이렉트되어지고 있습니다. 그래서 우리는 실제로 우리를 데려 갈 때까지이 페이지에 머물러 있지 않습니다. 즉시 리디렉션하고 우리에게이 콘텐츠를 보여 주며 여기서 일어나는 일입니다.

93
00:09:08,980 --> 00:09:14,000
당신이 개를 만들기 위해 슬래시를 요구할 때 우리를 개를 슬래시로 리디렉션합니다.

94
00:09:14,160 --> 00:09:20,350
그리고 개 안에는 개 안에있는 템플릿이 렌더링되어 브라우저에서이 모든 것을 볼 수 있습니다.

95
00:09:20,670 --> 00:09:20,930
승인.

96
00:09:20,950 --> 00:09:22,350
그래서 우리는 거기에서 많은 것을 다루었습니다.

97
00:09:22,360 --> 00:09:24,850
중요한 부분을 지적하겠습니다.

98
00:09:24,850 --> 00:09:42,250
하나는 우리 서버 코드의 내부에서 get 요청과 post 요청을 구분할 수 있고 언제 어떤 일이 발생했는지에 따라 다른 코드를 수행 할 수 있으며 get은 정보를 검색하고 post는 정보를 추가 또는 제출하는 것임을 기억합니다 우린 쓸모 없어.

99
00:09:42,390 --> 00:09:46,010
게시물을 슬래시로 만드는 개는 새 개를 만드는 방법입니다.

100
00:09:46,240 --> 00:09:50,860
요청 몸에는 이름과 품종이 있어야하는 두 가지가 있습니다.

101
00:09:50,980 --> 00:09:53,710
그리고 그들이 거기 있지 않으면 그것은 빈 개를 만들 것입니다.

102
00:09:54,000 --> 00:10:00,100
그러나 그것이 어떤 유형의 개 이건간에 우리는 그 다음이 모든 코드를 실행하는 개를 슬래시로 리디렉션합니다.

103
00:10:00,550 --> 00:10:05,680
그리고 또 다른 중요한 점은 우리가 이것을 제출할 때 즉시 새로 고침이 있다는 것입니다.

104
00:10:05,670 --> 00:10:10,890
정말 빠릅니다.하지만 다른 곳에서 요청할 때 여전히 새로 고침입니다.

105
00:10:11,020 --> 00:10:15,250
내가 이것을 한 다음 Enter를 누르면 실제로 다른 요청을하는 것과 같습니다.

106
00:10:15,280 --> 00:10:16,500
여기 같은 생각.

107
00:10:16,680 --> 00:10:17,880
제출을 누르십시오.

108
00:10:18,100 --> 00:10:21,060
계속 지켜보고 있으면 매번 요청합니다.

109
00:10:21,310 --> 00:10:28,440
그래서이 소개에서 두 개의 서버와 두 개의 경로 및 HTP에 관해서 이야기하고 싶습니다.

110
00:10:28,620 --> 00:10:29,890
이제 끝났어.

111
00:10:29,880 --> 00:10:38,230
다음으로 우리는 개발자 환경을 설정하고 필요한 모든 도구를 설치하는 데 집중하여 이와 같은 코드를 작성할 수 있습니다.