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

2
00:00:01,560 --> 00:00:24,100
이 비디오에서는 간단한 응용 프로그램을 매우 간단하게 만드는 단계를 설명합니다. 여기서 목표는 POST 요청의 작동 방식을 보여주고 게시 요청을 수신하는 경로를 작성한 다음 우리가 테스트 할 수있는 방법을 표현하는 것입니다 그 (것)들에게 우체부 사람과 그 후에 우리가 다른 빠른 템플렛에 모양을 쓰고 저 양식이 우리의 급행 app에 POST 요구를 만들 수있는 까라고보십시오.

3
00:00:24,180 --> 00:00:31,380
그래서 제가 언급 한 것처럼 간단한 응용 프로그램을 함께 만들려고합니다. 처음부터 시작하여 Express를 설치하고 포함 할 것입니다.

4
00:00:31,380 --> 00:00:34,180
그리고 나서 우리는 실제 응용 프로그램 로직을 사용하게 될 것입니다.

5
00:00:34,410 --> 00:00:56,310
그래서 지금부터 시작해서 그냥 데모 CD를 요청하는 데 사용할 새 디렉토리를 만들어서 NPM을 실행하면 몇 차례 입력 변경 사항을 입력 할 것입니다.

6
00:00:56,560 --> 00:00:57,310
승인.

7
00:00:57,900 --> 00:00:59,310
우리는 거기에 갈.

8
00:00:59,310 --> 00:01:07,010
우리는 제이슨이 이제 익스프레스 대쉬 대시 저장을 설치하도록 패키지를했습니다.

9
00:01:08,580 --> 00:01:14,590
우리가 여기있는 동안 NPM이 E.J.를 설치합시다. 그리고 그걸 저장하십시오.

10
00:01:15,080 --> 00:01:15,650
승인.

11
00:01:15,870 --> 00:01:17,450
자 이제 앱을 만들어 봅시다.

12
00:01:17,510 --> 00:01:18,750
예.

13
00:01:19,350 --> 00:01:26,020
그런 다음이를 열어 필요한 기본 코드를 추가합니다.

14
00:01:26,190 --> 00:01:34,470
따라서 require와 함께 import 한 후 실행하는 app 변수를 생성 할 것입니다.

15
00:01:34,470 --> 00:01:45,880
EXPRESS 그리고 우리가 여기있는 동안 우리는 앱이 당신에게 Ejay가되도록 엔진을 설정합니다. 그렇습니다. 나는 그것을 구할 것입니다.

16
00:01:46,050 --> 00:01:52,650
그리고 나서 우리는 또한 우리가 할 수있는 일을 처리 할 것입니다.

17
00:01:52,660 --> 00:01:55,630
그리고 우리는 그것을 얻었다.

18
00:01:56,010 --> 00:02:01,750
또한 ENFP IP 및 콜백 기능을 처리합니다.

19
00:02:01,980 --> 00:02:10,110
마지막으로 나는 시작된 로그 서버에 대해 아주 간단하게 할 것입니다.

20
00:02:10,890 --> 00:02:11,180
승인.

21
00:02:11,190 --> 00:02:12,510
그래서 우리는 그것을 설정했습니다.

22
00:02:12,570 --> 00:02:28,460
이제 우리가 만든 무차별 경로를 만들어 보자. 그러면 우리는 그냥 집에 호출 된 레스토랑 렌더링에 대한 템플릿을 렌더링하고 저장한다.

23
00:02:28,530 --> 00:02:30,020
이제 그 템플릿을 만들어 봅시다.

24
00:02:30,120 --> 00:02:37,650
따라서 우리는 사용 된 디렉토리가 디렉토리보기를 만들 필요가 있고 파일보기를 집으로 가져 가야합니다.

25
00:02:37,760 --> 00:02:38,490
예.

26
00:02:38,760 --> 00:02:49,850
그리고 그 파일을 열면 거기에서 우리는 홈 페이지를 말하는 간단한 H-1을 할 것이고 우리는 그 파일이 제대로 작동하는지 확인할 것입니다.

27
00:02:50,070 --> 00:02:58,350
여기 Apalachee 노드를 실행 해 봅시다. 새로 고침을하고 홈페이지로 돌아옵니다.

28
00:02:58,790 --> 00:03:05,270
기본 골격을 설정 했으므로 Ejaz가 포함 된 표현을 포함 시켰습니다.

29
00:03:05,340 --> 00:03:09,260
우리는 기본 뷰 엔진을 설정했고 경로 경로를 가지고 있습니다.

30
00:03:09,690 --> 00:03:18,780
우리가 만들 응용 프로그램은 기본적으로 당신이 들어갈 수있는 친구 또는 친구 목록의 목록입니다. 양식을 통해 새로운 친구를 목록에 추가 할 수 있습니다.

31
00:03:18,960 --> 00:03:28,610
그리고 이것은 친구 나 할일이나 접촉이나 개가 될 수 있습니다. 우리는 양식을 사용하여 새 것을 만들 수있는 목록을 갖게 될 것입니다.

32
00:03:28,800 --> 00:03:41,410
그래서 우리는 친구를 만날 것이고 우리는 app에 추가하고 슬래시 친구를 얻게 될 것입니다. 그리고 이것은 친구 목록을 보여주는 템플릿 페이지가 될 것입니다.

33
00:03:42,990 --> 00:03:50,120
그리고 여기서는 빨간 시작 렌더링을 할 것이고 우린 그냥 친구라고 부를 것이고 이제는 그 템플릿을 만들어야합니다.

34
00:03:50,400 --> 00:04:00,430
그래서 우리는 Ejay가 터치 리뷰를 쓰고 그 파일을 열 것입니다.

35
00:04:00,790 --> 00:04:12,720
그리고 여기에 우리는 H-1을 추가 할 것입니다. 바로 친구 목록이 여기에오고 우리는 서버를 운영하여 작동하는지 확인합니다.

36
00:04:12,930 --> 00:04:17,290
우리가 친구를 사주 게되면 친구 목록이 나옵니다.

37
00:04:17,610 --> 00:04:18,270
승인.

38
00:04:18,270 --> 00:04:21,010
그래서 우리가하려고하는 것은 친구들의 목록을 보여주는 것입니다.

39
00:04:21,210 --> 00:04:22,890
그래서 우리는 그 목록을 만들어야합니다.

40
00:04:22,890 --> 00:04:23,970
데이터가 필요합니다.

41
00:04:24,210 --> 00:04:46,080
그래서 저는 친구들의 이름을 만들 예정입니다. 멀리있는 친구와 똑같이 될 것이고 Tony와 Justin Pierre와 Lilly와 같은 몇 가지 이름을 여기에 추가 할 것입니다.

42
00:04:46,290 --> 00:04:46,860
승인.

43
00:04:47,140 --> 00:04:57,580
그래서 우리는 여러 명의 친구들을 가지고 있습니다. 그리고 그 친구의 배열을 우리의 친구 템플릿으로 전달할 것입니다. 그러면 우리는 친구들을 반복하여 각 친구를 목록 항목으로 표시 할 것입니다.

44
00:04:57,640 --> 00:04:59,220
그래서 우리는 그것을 전달해야합니다.

45
00:04:59,300 --> 00:05:02,770
그것을 목표로하고 우리는 두 가지 일을해야한다는 것을 기억하십시오.

46
00:05:02,770 --> 00:05:15,730
우리는 그저 친구라고 부를 수있는 뷰에서 그것을 볼 때 사용할 이름이나 재산을 줄 필요가 있습니다. 또한 우리는 친구들과 같이 지나가고있는 데이터를 방금 시작할 때 혼란 스럽습니다. .

47
00:05:15,760 --> 00:05:21,560
그러나 이것은 동일한 이름을 사용하는 곳에서 가장 자주 보게 될 것입니다.하지만이 이름이 전혀 아님을 기억하십시오.

48
00:05:21,580 --> 00:05:24,810
그리고 여기는 우리 친구 배열을 뜻합니다.

49
00:05:25,150 --> 00:05:32,070
자 이제 템플리트의 친구 연구 천재에 가서 루프를 추가하고 각각에 대해 수행 할 것입니다.

50
00:05:32,290 --> 00:05:36,690
그래서 저는 Ejay가없는 괄호없이 일반 자바 스크립트를 먼저 작성하겠습니다.

51
00:05:36,820 --> 00:05:50,760
그래서 우리는 각 함수에 대해 친구가 있습니다. 우리 함수는 거기에 친구 매개 변수를 가져갈 것입니다. 그런 다음 우리는 닫는 중괄호를 닫습니다.

52
00:05:50,920 --> 00:05:59,620
그리고 여기에 우리가 할 일은 내가 그런 친구가 있다는 것을 말하는 각자의 동맹을 만드는 것입니다.

53
00:05:59,610 --> 00:06:06,120
이제 다시 돌아가서 등호가 필요없는 구문을 추가하거나 이것이 논리에 불과하다는 것을 기억하십시오.

54
00:06:06,280 --> 00:06:09,800
우리는이 두 줄에 아무 것도 나타나기를 원하지 않습니다.

55
00:06:09,970 --> 00:06:21,640
그래서 우리는 그렇게했습니다. 그리고 우리가 구원을 얻고 새로 고침을한다면, 우리는 그 목록에있는 모든 친구를위한 친구가 있다고 말한 동맹자가 있다는 것을 알아야합니다. 그리고 그것을 시도해 봅시다. 우리가 어떤 실수도하지 않았 음을 확인하십시오.

56
00:06:21,880 --> 00:06:26,890
페이지를 새로 고치면 친구가 있다고하는 5 가지 목록 항목이 표시됩니다.

57
00:06:27,530 --> 00:06:32,690
이제 우리는 다시 돌아갈 것이고, 단지 친구에게 친구의 이름을 인쇄하게한다고 말하는 것보다.

58
00:06:32,950 --> 00:06:40,620
따라서 이번에는 평가 된 값이 팀 자체에 추가되기를 바라기 때문에 등호가 필요합니다.

59
00:06:40,750 --> 00:06:47,750
우리는 그것이 우리 각자를 위해 여기에서 바로오고있는 친구의 가치로 대체되기를 바랍니다.

60
00:06:47,740 --> 00:06:49,140
다시 이것은 아무것도 될 수 있습니다.

61
00:06:49,140 --> 00:06:50,620
우리가 원하는 모든 것을 x라고 부르십시오.

62
00:06:50,720 --> 00:06:54,010
그리고 여기에 X를 입력하면 작동 할 것입니다.

63
00:06:54,430 --> 00:07:07,090
그래서 새로 고침을하고 우리는 다섯 친구를 사귀고 X는 끔찍한 변수 이름이기 때문에 많은 사람들이 서버를 다시 시작하는 것처럼 친구에게 돌아갑니다.

64
00:07:07,120 --> 00:07:10,690
한 번 더 시간을 내면 아무것도 변하지 않는 것을 볼 수 있습니다.

65
00:07:10,690 --> 00:07:12,910
좋아, 친구 목록이있어.

66
00:07:13,060 --> 00:07:16,880
이제 우리가 할 일은 게시판 경로 설정에 관한 이야기입니다.

67
00:07:17,110 --> 00:07:27,760
결국 목표는이 페이지 하단에 양식을 작성하는 것입니다. 양식에 이름을 입력하고 제출 버튼을 누르면 우리 친구 목록에 새 친구가 추가됩니다.

68
00:07:27,790 --> 00:07:37,250
따라서 우리는 Friends 배열에 새로운 이름을 넣고이 템플릿을 다시 렌더링 한 다음 새로 추가 된 친구를 위해 새로운 글 머리 기호와 새 목록 항목을 추가합니다.

69
00:07:37,390 --> 00:07:55,400
사후로드를 설정하고 데이터를 전송할 때 데이터를 추가 할 때마다 게시물 스트럿을 사용한다는 것을 기억해야합니다. 우리가 데이터를 보낼 때마다 데이터베이스에 추가하려고합니다. 사용자 또는 새 댓글을 작성하거나 새 게시물을 작성하거나이 경우 새 친구를 게시 경로로 만듭니다.

70
00:07:55,420 --> 00:07:59,390
유일한 선택은 아니지만 가장 의미있는 것은 무엇입니까?

71
00:07:59,530 --> 00:08:02,120
현재로서는 유일한 옵션 인 것처럼 처리 할 것입니다.

72
00:08:02,140 --> 00:08:10,810
그래서 정보를 얻기위한 것이고, 게시물은 새로운 데이터를 보내거나 서버 쪽에서 어떻게 든 사용하기 위해서입니다.

73
00:08:11,140 --> 00:08:26,290
그리고 글쓰기가 필요한 모든 게시물은 적절한 게시물이며 루트 이름은 친구를 추가하는 것과 같으며 요청 및 응답과 동일하게 보입니다. 이제 우리는 이것을 그대로 남겨 둘 것입니다.

74
00:08:26,410 --> 00:08:31,770
그리고 안쪽에서 우리는 단지 휴식을 취할 것입니다. 우리는 단지 RES dot send를 템플릿으로 만들지 않을 것입니다.

75
00:08:32,080 --> 00:08:41,040
당신은 그처럼 포스트 루트에 도달했습니다.

76
00:08:41,080 --> 00:08:47,820
자 이제 우체부를 사용하여 친구 요청을 친구 요청에 추가 할 수있는 경우이를 실행할 수 있는지 알아 보겠습니다.

77
00:08:47,950 --> 00:08:55,090
그래서 저는이 URL을 가지고 우편 배달부와 우리가 원하는 곳으로 복사 할 것입니다.

78
00:08:55,090 --> 00:09:02,270
우리는 요청을 받기 위해서 sosh 친구들을 만날 수 있습니다. 그리고 우리는 다섯 명의 친구들과 함께 각 팀을 되 찾을 수 있습니다.

79
00:09:02,270 --> 00:09:08,970
하지만 이제 게시물 요청을 만들고 그 친구를 추가 할 예정입니다.

80
00:09:09,550 --> 00:09:15,290
그리고 지금 우리가 게시물 요청을 보내면 우리는 친구를 추가 할 수 없다는 메시지를 얻습니다. 그것은 어리석은 이유입니다.

81
00:09:15,400 --> 00:09:18,490
새 경로를 추가 할 때마다 서버를 다시 시작해야합니다.

82
00:09:18,850 --> 00:09:22,770
그리고 우리가 돌아가서 요청을 다시 보내면 우리는 메시지를 얻습니다.

83
00:09:22,930 --> 00:09:24,740
게시물 경로에 도달했습니다.

84
00:09:24,820 --> 00:09:31,010
그래서 우리는 우편 요청을 보내고 양식을 사용하기보다는 우체부를 통해 그것을하고 있습니다. 그러나 똑같은 아이디어입니다.

85
00:09:31,030 --> 00:09:32,130
그것은 같은 방식으로 작동합니다.

86
00:09:32,170 --> 00:09:36,650
게시물 요청을 보내면이 코드가 바로 실행됩니다.

87
00:09:36,710 --> 00:09:42,300
좋아, 다음에해야 할 일은 양식을 사용하여 해당 게시물 요청을 보내는 것입니다.

88
00:09:42,430 --> 00:09:51,320
그래서 저는 친구들에게 가서 각 페이지를 공부하고 폼의 아래쪽에이 폼이 그 라우트에 제출 될 것입니다.

89
00:09:51,670 --> 00:09:54,390
그래서 두 가지 중요한 속성이 있음을 기억하십시오.

90
00:09:54,440 --> 00:09:57,900
행동과 방법이 있습니다.

91
00:09:58,540 --> 00:09:59,790
그럼 방법으로 시작합시다.

92
00:09:59,920 --> 00:10:06,780
우리는 게시물 요청을 보내려고하고 당신은 슬래시와 친구 인 당신 전체입니다.

93
00:10:07,420 --> 00:10:10,700
그리고 다시 여기에서이 비율과 일치해야합니다.

94
00:10:10,990 --> 00:10:13,440
친구를 게시물로 슬래시 추가하십시오.

95
00:10:13,910 --> 00:10:14,620
괜찮아.

96
00:10:14,620 --> 00:10:25,880
그리고 여기에 우리는 하나의 입력 타입이 텍스트와 같을 것이고, 우리는 이름이나 무엇을 넣기를 원하는 자리 표시자를 가지기를 원할 것입니다.

97
00:10:25,900 --> 00:10:37,180
그 자리 표시 자 텍스트입니다 그리고 우리는 또한 끝에 버튼을 추가하고 이것은 단지 내가 새로운 친구를 사귀고 저장 말할 것입니다.

98
00:10:37,890 --> 00:10:40,320
그리고 이것은 지금 우리를위한 형태를 창조 할 것입니다.

99
00:10:40,690 --> 00:10:55,090
서버를 다시 시작하면 돌아가서 페이지를 새로 고침합니다. 여기에 양식이 있고, 우리가 그것을 검사하면 그 두 가지 특성이 있습니다. 여기에는 작업 메서드가 있습니다. 추가 메서드는 게시물이며 단일 입력이 있습니다.

100
00:10:55,420 --> 00:11:00,150
그리고 만약 내가 여기에 뭔가를 입력하면, 나는 Bob이라는 이름의 새로운 친구를 사귀게됩니다.

101
00:11:00,160 --> 00:11:02,500
나는 새로운 친구를 사귀었다.

102
00:11:02,770 --> 00:11:04,560
우리는 그 반응을 얻고 있음을 볼 수 있습니다.

103
00:11:04,570 --> 00:11:09,980
게시 경로에 도달했습니다. 즉, 게시 요청을 보내고 올바른 위치로 보내고 있음을 의미합니다.

104
00:11:10,030 --> 00:11:14,140
슬래시 추가 친구하지만 우리는 그 경로에서 아무것도하지 않을거야.

105
00:11:14,140 --> 00:11:21,240
이 메시지에 응답하는 것 외에 우리가 실제로하고 싶은 것은 Bob에게 가져 가고자하는 양식에서 데이터를 가져 오는 것입니다.