1
00:00:01,680 --> 00:00:20,130
우리가 할 첫 번째 일은 양식에서 양식 데이터를 얻는 방법을 파악하고 양식으로 돌아가서 입력에 필요한 작은 것을 하나씩 바꾸어 이름과 이름을 지정해야합니다. 여기에 입력 한 내용은 경로 내부에서 살펴 보는 핵심 요소입니다.

2
00:00:20,130 --> 00:00:24,720
그리고 나는 좋은 이름이 단지 이름 일 것이라고 생각하지만, 나는 약간 혼란 스럽다고 생각합니다.

3
00:00:24,810 --> 00:00:27,680
그럼 그냥 새로운 친구를 사귀자.

4
00:00:28,350 --> 00:00:38,520
따라서이 경우 Bob의 값은 요청 본문에 전송되고 요청 안에는 새 친구라는 단일 속성이 있습니다.

5
00:00:38,640 --> 00:00:42,660
그리고 Bob이보기에 조금 더 편하게 해줄 것입니다.

6
00:00:42,870 --> 00:00:57,430
미국에 ADD 친구에 대한 게시물로 이동하여 로그 요청 점 본문을 취소하고 본문 요청을 요청 본문의 모든 데이터가 포함될 개체로 보겠습니다.

7
00:00:57,600 --> 00:01:08,280
그리고 우리가 포스트 요청을하는 폼을 가지고있을 때 폼 데이터가 요청 바디에 모두 넣어지면 우리 익스프레스 EP에 도착하고 요청 바디라면 그것을 빼내고 싶다는 것을 기억하십시오.

8
00:01:08,280 --> 00:01:12,880
요청 본문을 인쇄하면 새 친구가 Bob과 동등한 것입니다.

9
00:01:13,200 --> 00:01:19,130
그러나 그것은 우리가 하나의 작은 조각을 놓치고 있기 때문에 효과가 없을 것입니다.

10
00:01:19,160 --> 00:01:23,660
먼저 빌리에 추가하자. 나는 새로운 친구를 사귀었다.

11
00:01:23,850 --> 00:01:30,210
우리는 당신이 게시물 경로에 도달하고 우리가 여기에 일정한 로그를 얻게되면 몸은 정의되지 않습니다.

12
00:01:30,330 --> 00:01:35,790
Express는 기본적으로 우리에게 요청을 생성하지 않기 때문입니다.

13
00:01:35,820 --> 00:01:43,360
우리는 명시 적으로 요청 본문을 가져 와서 body라는 요청을 사용하기 위해 javascript 객체로 변환 할 필요가 있습니다.

14
00:01:43,650 --> 00:01:48,550
그렇게하기 위해 실제로 Body parser라는 패키지를 설치해야합니다.

15
00:01:48,660 --> 00:02:00,040
따라서 NPM 설치 바디 대시 파서 대시 대시 저장 및 신체 자세는 일종의 표현으로 번들로 묶인 표현의 안팎으로 사라졌습니다.

16
00:02:00,060 --> 00:02:02,010
별도로 설치할 필요가 없었습니다.

17
00:02:02,010 --> 00:02:05,210
이제 우리는 모든 앱에서 사용할 수있는 기능을 제공합니다.

18
00:02:05,220 --> 00:02:12,120
우리가 사용자가 데이터를 입력하는 양식을 서버 측에서 추출하려는 경우가 거의 언제든지 있습니다.

19
00:02:12,120 --> 00:02:13,770
우리는 바디 파서 (body parser)를 사용할 필요가있다.

20
00:02:14,090 --> 00:02:16,740
확인만으로는 설치하기에 충분하지 않습니다.

21
00:02:16,800 --> 00:02:19,420
우리는 그 때 그것을 여기에서 요구할 필요가있다.

22
00:02:19,980 --> 00:03:01,420
그래서 당신의 바디 파서는 물론 Adi Dasch 파서가 필요합니다. 그런 다음 우리가해야 할 다음 일은 body 파서를 사용하여 익스프레스에 말하도록하는 것입니다. 이렇게하면 응용 프로그램에서 body 파서를 사용할 필요가 있습니다. 패키지의 본문 부분을 작성한 다음 인코딩 된 URL을 작성해야합니다. 여기에서 대신 확장 된 내용을 작성하려고합니다.이 비디오를 너무 세세하게 들여다 보지 않으려 고합니다. 당신이 질문이있는 경우에 당신은 몸 부속 또는 docs에 가고 당신이 el uncoated 인 무슨을에 관하여 확장 한 진실한 무슨을에 관하여 읽을 수있다.

23
00:03:01,440 --> 00:03:06,730
그것은 모든 시간을 볼 정직하게 단지 대부분의 시간을 복사하고 붙여 넣는 그 선들 중 하나입니다.

24
00:03:06,750 --> 00:03:17,850
이제 코드를 변경하지 않고 서버를 다시 시작하면 설정을 완료 할 수있게되었습니다. 이제 친구를 추가하면됩니다. 우리는 끊임없이 요청을 받고 있습니다.

25
00:03:17,850 --> 00:03:25,790
이제 우리가 새로 고침하면! 형식 슬래시 친구에게 돌아가서 Linda라는 친구를 추가하겠습니다.

26
00:03:26,130 --> 00:03:34,610
나는 새로운 친구를 사귀었고 우리는 죄책감을 보았다. 우리는 요청을 봅니다. Adi는 이제 대상이되고 파티 파서로부터옵니다.

27
00:03:34,770 --> 00:03:41,860
따라서 Buddy 파서는 요청 본문을 가져 와서 새로운 친구가 Linda와 동등한 javascript 객체로 파싱했습니다.

28
00:03:42,180 --> 00:03:46,660
그래서 우리가 실제로하고 싶은 것은 새로운 친구를 요청하는 것입니다.

29
00:03:46,770 --> 00:03:50,370
그리고 그것은 우리가 그 형태 안에있는 것의 가치를 줄 것입니다.

30
00:03:50,820 --> 00:04:01,650
새로운 친구는 이름 속성인데 우리가 여기에 입력 한대로 입력에 설정 한 이름 속성 때문에 우리가 경로 내부에서 그것을 찾아야 할 필요가 있다는 것을 기억하십시오.

31
00:04:01,920 --> 00:04:09,540
우리는 단지 로그를 취소하고 싶지는 않습니다. 우리가 원하는 것은 실제로 여기에 정의 된 friends 배열에 추가하는 것입니다.

32
00:04:09,540 --> 00:04:31,430
따라서 가장 먼저 할 일은 새로운 변수를 만드는 것입니다. 우리는 그냥 새로운 친구라고 부를 것이고 우리는 요청한 신체의 새로운 친구를 저장 한 다음이 배열에 추가하려고합니다. 그러나 불행히도 우리는 친구 만 할 수 없습니다 친구가이 함수 대신 정의되는 범위 문제가 있기 때문에 새로운 친구를 밀어 넣지 마십시오.

33
00:04:31,740 --> 00:04:34,570
그리고 여기에는 친구들과 같은 것이 없습니다.

34
00:04:34,620 --> 00:04:35,430
매우 슬픈 세상입니다.

35
00:04:35,430 --> 00:04:36,240
친구가 없습니다.

36
00:04:36,450 --> 00:04:44,960
따라서 이것을 복사하여 모든 경로에서 보이는 곳으로 옮겨야합니다.

37
00:04:45,900 --> 00:04:56,650
그리고 이것은 우리가 오랫동안하지 않을 것입니다. 왜냐하면 이것은 단지 친구의 배열이고 새로운 친구를 추가 할 수 있기 때문입니다. 그러나 서버가 멈추 자마자 그들은 사라져 버리고 값을 조정하기 위해 재설정 할 것입니다.

38
00:04:57,120 --> 00:05:00,630
곧 데이터베이스를 사용할 것이므로 범위 지정 문제에 대해 걱정할 필요가 없습니다.

39
00:05:00,660 --> 00:05:05,300
지금은 모든 경로에서 액세스 할 수 있도록 경로 외부로 이동해야합니다.

40
00:05:05,490 --> 00:05:08,990
그래서 이제 친구들이 새로운 프랑스 인을 밀어 붙이기를 멈추고, 나는 당신에게 그것을 보여줄 것입니다.

41
00:05:08,990 --> 00:05:14,780
이제 서버를 다시 시작하여 여기에있는 양식으로 돌아갑니다.

42
00:05:15,090 --> 00:05:19,370
페이지를 새로 고침하고 Jeanne을 추가하십시오.

43
00:05:20,330 --> 00:05:22,920
나는 새로운 친구를 사귀었고 우리는이 길로 간다.

44
00:05:22,930 --> 00:05:28,950
이제 우리가 친구들에게 돌아 가면 Jean이 추가 된 것을 볼 수 있습니다.

45
00:05:29,490 --> 00:05:34,520
그래서 이것은 우리가 새 친구의 시체를 요청할 때 작동하는 것을 의미합니다.

46
00:05:34,680 --> 00:05:39,560
그리고 우리는 또한 열광적 인 배열로 그것을 밀어 넣고 있습니다. 그리고 우리는이 반응을 보냅니다.

47
00:05:39,650 --> 00:05:45,410
그러나 우리가 새로운 친구를 추가 한 후에 이런 종류의 반응을 원한다는 것은 매우 드뭅니다.

48
00:05:46,020 --> 00:05:47,950
대부분 우리는 이것을보고 싶지 않습니다.

49
00:05:47,970 --> 00:06:02,390
보통 우리는 단지이 페이지로 돌아가서 새 친구를보고 싶습니다. 우리가 할 수있는 일은 보내거나 렌더링 대신 리다이렉션과 리다이렉션이라는 rez에 nother 메소드를 사용할 수 있다는 것입니다.

50
00:06:02,400 --> 00:06:03,750
경로 이름을 사용하십시오.

51
00:06:03,990 --> 00:06:18,290
그리고 우리의 경우에는 슬래시 친구를 사귀십시오. 그들은이 경로로 리디렉션 할 것이고 슬래시 친구 경로 안의 코드를 실행하게됩니다. 프랑스어 서식 파일을 렌더링하고 친구들의 가치를 전달하는 것입니다.

52
00:06:18,600 --> 00:06:26,240
이제 서버를 다시 시작하고 페이지를 새로 고침하면 이제 새 친구를 추가합시다.

53
00:06:26,610 --> 00:06:31,180
티나와 히트 나는 새로운 친구를 사귀었고 티나가 추가 된 것을 볼 수 있습니다.

54
00:06:31,260 --> 00:06:34,000
우리는 단지이 페이지 전체에 머물러 있지 않다는 것을 기억하십시오.

55
00:06:34,050 --> 00:06:36,790
이걸 보시면 여기 다시 보죠.

56
00:06:36,880 --> 00:06:38,210
Jeanne을 추가합시다.

57
00:06:38,530 --> 00:06:40,840
나는 새로운 친구를 만들었습니다.

58
00:06:40,910 --> 00:06:49,440
페이지가 일시적으로 새로 고침되는 것을 볼 수 있습니다. 그 이유는 게시 요청이 너무 많이 게시 된 다른 곳으로 게시물 요청을 보내고 있기 때문입니다.

59
00:06:49,440 --> 00:06:52,090
광고 친구가 여기 약간의 논리를하고 있습니다.

60
00:06:52,260 --> 00:06:56,840
그런 다음 이미 우리가 이미 가지고있는 경로와 같은 경로로 다시 똑같은 페이지로 리디렉션합니다.

61
00:06:56,970 --> 00:07:06,360
그래서 거의 눈에 띄지 않게됩니다. 잠시 동안 페이지 깜박임을 보게 될 것입니다. 그리고이 작은 아이콘이 페이지가 되돌아 오는 공짜입니다.

62
00:07:06,360 --> 00:07:12,820
그러나 서버를 다시 시작하면 친구 배열의 값이 다시 돌아갑니다.

63
00:07:12,840 --> 00:07:16,890
따라서 우리는 모든 친구들을 잃고 우리는 우리의 데이터에 영속성을 갖지 못합니다.

64
00:07:16,890 --> 00:07:20,190
우리 중 일부만 데이터베이스에 접속하면 문제를 해결할 것입니다.

65
00:07:20,530 --> 00:07:20,860
승인.

66
00:07:20,880 --> 00:07:24,160
우리가 여기서 다룬 모든 것에 대해 간단히 설명해 드리겠습니다.

67
00:07:24,180 --> 00:07:36,100
우리가 얘기 한 첫 번째 일은 게시 경로를 설정하는 것이었고 우리가해야만하는 일은 앱 게시물뿐이었습니다. 단지 특정 행에 대한 게시물 요청에 의해서만 트리거되는 것을 제외하고는 apt처럼 작동합니다.

68
00:07:36,570 --> 00:07:47,390
그리고 나서 우리는 우편 발송자가 우편 발송 요청을 보낼 수있는 방법을 보았습니다. 그런 다음 우체국을 사용하여 우편 요청을 요청할 수 있음을 알았습니다.

69
00:07:47,400 --> 00:07:49,070
그런 다음 양식을 사용합니다.

70
00:07:49,290 --> 00:08:05,460
양식을 보내면 조치와 방법을 제공해야합니다. 나이를 내 양식과 이야기 할 때이를 일찍 소개합니다. 나중에이 과정에서 어떤 행동과 방법이 의미하는지, 어떤 게시물에 대해 더 많이 알 수 있다고 언급했습니다. 요청은 요청에 대한 요청입니다.

71
00:08:05,460 --> 00:08:27,200
그래서 지금은 포스트를 얻는 것과이 액션이 의미하는 것과 어쨌든 어떤 루트가있는 것 사이의 차이에 대해 조금 더 희망적으로 이해하기 시작한 그 때입니다. 그래서 우리는 포럼을 가지며 그것에는 하나의 입력이 없으며 input에 name 속성과이 name 속성을 추가했습니다.이 속성은 새 친구로 값을 설정했습니다. 데이터가 요청 본문에 추가되는 방식입니다.

72
00:08:27,210 --> 00:08:35,130
따라서이 양식의 가치가 무엇이든간에 제출하면 Tina는 새로운 친구의 이름으로 보내질 것입니다.

73
00:08:35,400 --> 00:08:49,810
그리고 우리기구의 내부에서 NPM 설치 바디 퍼서 (body purser)를 설치해야만하는 바디 파서 (body parser)가 포함되어있는 경우에만 bodycount 새로운 친구를 요청하여 추출 할 수 있습니다. 그런 다음 우리 앱에 사용하도록 알려야했습니다.

74
00:08:49,800 --> 00:09:02,720
그래서 파서를 사용하면됩니다.이 전체 라인은 항상 보입니다. 파서는 요청 바디를 가져 와서 여기에서 사용한 것처럼 사용할 수 있고 액세스 할 수있는 javascript 객체로 파싱합니다.

75
00:09:02,820 --> 00:09:13,890
그리고 마지막으로 새로 발견 된 것은 redstart redirect였습니다. redirect redirect는 슬래시 친구처럼 알 수 있습니다. 그러면 해당 경로가 다시 실행되고 슬래시 친구 경로 안의 모든 코드가 실행됩니다.

76
00:09:13,890 --> 00:09:15,280
알았어 다음 수업에서 보자.