1
00:00:00,480 --> 00:00:09,070
이 강의로 돌아와 캠프 앱을 계속 진행할 것이며 사용자가 새로운 캠프장을 제출할 수있는 기능이나 기능을 추가 할 것입니다.

2
00:00:09,270 --> 00:00:10,990
그래서 우리가해야 할 일이 몇 가지 있습니다.

3
00:00:11,010 --> 00:00:16,130
첫 번째는 우리가 실제로 새로운 캠프장을 배열에 추가하여 만드는 게시 경로를 설정하는 것입니다.

4
00:00:16,290 --> 00:00:29,760
그런 다음 본문 파서를 추가하고 제대로 가져 왔는지 확인하고 구성해야합니다. 그런 다음 양식을 만들고 사용자가 실제로 해당 POST 요청을 보낼 수있는 양식 경로를 만드는 두 가지 다른 단계가 있습니다.

5
00:00:29,760 --> 00:00:30,840
그래서 우리는 그것에 도달 할 것입니다.

6
00:00:30,840 --> 00:00:32,720
우리는 게시 경로를 설정함으로써 시작할 것입니다.

7
00:00:32,760 --> 00:00:53,380
그래서 저는 아직 V-1에 머물러 있습니다. 저는 포스트 초안에서 광고를 실제로 열어 볼 것입니다. 그리고 나는 그걸 바닥에서 할 것이고, 나는 뭔가를하기보다는 포스트를 갈 것입니다. Slash 새로운 campground를 추가하거나 campground를 추가하십시오 실제로 slash campgrounds를 할 것입니다.

8
00:00:53,670 --> 00:01:09,800
그래서 당신과 똑같은 RL 당신이 우리의 Get 노선을 위해 가지고있는 것처럼 하나는 검정 고, 하나는 지점이기 때문에 완전히 다른 경로가 있습니다. 그리고 나는 우리에게 똑같은 지국을 가질 수 있다는 것을 보여주기 위해 이것을하는 것이 아닙니다. 다른 요청 방법과 실제로 다른 경로가 있습니다.

9
00:01:09,810 --> 00:01:10,920
예, 그 부분입니다.

10
00:01:10,920 --> 00:01:14,310
이것은 실제로 우리가 이름을 짓는 방법에 대한 관습의 일부입니다.

11
00:01:14,360 --> 00:01:16,260
우리는 우리가 어떻게 이름을 지었는지에 대해 많은 자유가 있습니다.

12
00:01:16,380 --> 00:01:21,200
그러나 실제로는 나머지라는 컨벤션이 있으며 우리는 향후 비디오에서이를 다시 볼 것입니다.

13
00:01:21,330 --> 00:01:33,120
하지만 제가 지금하고 싶은 말은 캠프장을 철거해야하는 모든 캠프장을 보여주는 페이지가있을 때 휴식이라는이 대회를 우리 노선으로 만드는 것입니다.

14
00:01:33,120 --> 00:01:40,990
새로운 캠프장을 만들 수있는 페이지 나 경로가있을 때는 캠프장을 완전히 깎아야합니다.

15
00:01:41,340 --> 00:01:42,780
그러나 게시물 요청이어야합니다.

16
00:01:42,780 --> 00:01:47,370
그래서 그것이 대회에서 우리가 친구를 위해 이렇게한다면 우리가 따라야 할 형식입니다.

17
00:01:47,410 --> 00:01:56,170
우리는 새로운 친구를 사귈 수있는 게시물 요청을 보내는 지점 인 것처럼 슬래시 친구가 모든 친구와 슬래시 친구를 보여줄 것입니다.

18
00:01:56,580 --> 00:01:58,470
그래서 우리는 더 많은 연습을 할 것입니다.

19
00:01:58,470 --> 00:02:01,040
이것은 바로 그 첫 번째 소개 일뿐입니다.

20
00:02:01,110 --> 00:02:07,120
그러나 우리가 나중에 보게 될 휴식 협약을 따르는 실제로 7 개의 다른 길은 편안합니다.

21
00:02:07,470 --> 00:02:29,140
여기에 우리가하고 싶은 일은 양식에서 데이터를 가져 와서 캠프장 ​​배열에 추가하려는 두 가지 작업입니다. 그런 다음 캠프장 페이지로 다시 연결하여이 경로로 다시 보내고 싶습니다.

22
00:02:30,630 --> 00:02:40,630
그래서 우리는 ACT UP 게시판을 설정했습니다. 여기에서 빨간 점을 보내면 게시판에 도착한 다음 우편 배달부와 함께 테스트 할 수 있습니다.

23
00:02:40,770 --> 00:02:52,220
그래서 나는 우체부로 돌아가는 유로화를 복사 할 것입니다. 우리가 시험하는 길은 캠프장을 게시판으로 쓰지 않습니다.

24
00:02:52,460 --> 00:02:59,300
우리 서버가 H Tim L을 시작하지 않았기 때문에 실제로는 문제가되지 않습니다. 여기에서 보는 SS는 오류 페이지입니다.

25
00:02:59,430 --> 00:03:02,460
클라우드 9가 제공하는 오류 페이지입니다.

26
00:03:02,460 --> 00:03:04,800
그래서 우리는 서버를 시작해야합니다.

27
00:03:05,530 --> 00:03:11,440
이제 우리가 돌아가서 동일한 GET 요청을하면 이미지와 H가있는 목록이 보일 것입니다.

28
00:03:11,820 --> 00:03:17,130
게시물 요청을하면 초안을 작성한다는 약간의 메시지 만 받아야합니다.

29
00:03:17,360 --> 00:03:25,140
좋습니다. 우편 배달부가 할 일은 게시 경로로 작동한다는 것을 증명하고 다음에 수행 할 작업은 바디 파서를 설치하는 것입니다.

30
00:03:25,260 --> 00:03:43,910
그래서 우리는 NPM 설치 바디 대쉬 파서 대시 대시 저장을해야합니다 그리고 우리는 여기에 우리의 신체 부위와 함께 가져올거야 같은 데시체 파서를 요구하고 저장합니다.

31
00:03:43,910 --> 00:03:46,190
그리고 poddy 파서를 사용하기 위해 표현을해야합니다.

32
00:03:46,260 --> 00:03:59,680
그래서 우리는 Oddy 파서를 사용합니다. 그러면 도트 유로를 코팅하지 않은 채로 객체를 전달해야합니다. 우리가해야 할 일은 확장 된 콜란을 추가하는 것입니다.

33
00:03:59,980 --> 00:04:07,290
이것이 단지 기억하고 있거나 그냥 복사하여 붙여 넣기에 익숙해 질 수있는 모든 시간을 보게 될 줄을 기억하십시오.

34
00:04:07,290 --> 00:04:15,370
그리고 지금 우리는 신체 부위가 설정되어 있고, 우리가 달려가는 것만으로도 효과가 있는지 알 수 있습니다. 우리가 실수를하지 않으면 우리는 갈 수 있습니다.

35
00:04:15,390 --> 00:04:17,490
이제 폼에 초점을 맞추자.

36
00:04:17,520 --> 00:04:27,080
그래서 내가 보여준 것보다 먼저 친구 목록과 동일한 페이지에 양식이있는 친구 앱이지만 여기에서 취할 방법은 아닙니다.

37
00:04:27,090 --> 00:04:31,530
오히려 우리는 양식을 실제로 보여줄 완벽한 별도의 페이지와 경로를 갖게 될 것입니다.

38
00:04:31,770 --> 00:04:34,610
그것은 새로운 캠프장을 만드는 형식이 될 것입니다.

39
00:04:34,680 --> 00:04:44,070
그런 다음 게시물로 캠프장을 게시 할 게시물 요청을 보내는 양식을 제출 한 다음 다시 캠프장으로 리디렉션됩니다.

40
00:04:44,070 --> 00:04:53,430
그래서 우리는 별도의 페이지를 만들어서 별도의 경로가 필요하다는 것을 알기 때문에 여기 저기에 또는 저마다 그렇게 할 수 있습니다.

41
00:04:53,670 --> 00:04:57,900
그리고 이것은 깎인 캠프장이 새로이 깎일 것입니다.

42
00:04:58,260 --> 00:05:02,860
그리고 이것은 우리가 원했던 무엇이라도 될 수 있지만 이것은 편안한 관습입니다.

43
00:05:02,880 --> 00:05:06,010
그래서 이것은 이러한 전통적인 이름의 세 번째입니다.

44
00:05:06,060 --> 00:05:36,720
첫 번째 것은 캠프장을 내리고 캠프장을 보여 주어야합니다. 모든 캠프장은 캠프장을 내릴 수 있습니다. 게시물은 새로운 캠프장을 만들고 나서 캠프장 ​​슬래시를 내릴 수있는 경로입니다. 새 소식은이 게시물 경로에 데이터를 보낼 양식을 보여 주어야합니다. 육체를 만들어 봅시다. 필요한 모든 작업은 데이터 나 기타 항목에서 전달할 필요가없는 양식을 렌더링하는 것입니다. 그러면 rez 렌더링을 수행하고 양식에서 새로 호출 할 것입니다.

45
00:05:36,970 --> 00:05:38,460
네, 그렇습니다.

46
00:05:39,090 --> 00:05:40,340
그리고 안전 해.

47
00:05:40,360 --> 00:05:44,290
이제 view 디렉토리에서 다시이 템플릿을 만들 것입니다.

48
00:05:44,410 --> 00:05:47,760
따라서 터치 뷰는 새로운 것입니다.

49
00:05:47,880 --> 00:05:48,440
예.

50
00:05:48,730 --> 00:05:54,530
그런 다음 템플릿을 열고 템플릿 내부에 추가합니다.

51
00:05:54,540 --> 00:06:18,380
그리고 각각의 새로운 캠프장을 만든 다음 양식 태그에 양식 태그를 추가하여 작업을 수행해야하며 메서드와 기억 메서드가 있어야하며 작업은 게시해야하며 작업은 캠프장을 슬래시로 처리해야합니다 이리.

52
00:06:18,550 --> 00:06:20,820
포스트 슬래시 캠프장을 보냈습니다.

53
00:06:20,860 --> 00:06:24,850
그래서 여기서 양식 데이터를 가져 와서 campground 배열에 추가합니다.

54
00:06:25,090 --> 00:06:27,540
그리고 내부에는 두 가지 입력이 필요합니다.

55
00:06:27,640 --> 00:06:34,570
텍스트와 자리 표시자는 이름 일 뿐이므로 첫 번째는 입력입니다.

56
00:06:35,290 --> 00:06:39,600
그리고 두 번째 것은 자리 표시 자입니다.

57
00:06:39,710 --> 00:06:59,320
그리고 그냥 Typee가 텍스트로 이동하면 우리는 그것을 유지할 것입니다. 그리고 나서 우리는 하단에있는 버튼을 필요로합니다. 여기에 submit과 save를 말하면 우리는 name 속성을 모두 필요로합니다. 정당한 이름과 같아야한다.

58
00:06:59,320 --> 00:07:09,580
그리고 여기서 우리는 이름이 이미지와 같을 것이고 우리는 경로 대신이 이름 속성을 사용하여 요청 Abati에서 데이터를 가져옵니다.

59
00:07:09,620 --> 00:07:10,370
우리가하기 전에.

60
00:07:10,390 --> 00:07:12,760
이 양식이 올바르게 표시되는지 확인합시다.

61
00:07:12,850 --> 00:07:25,870
그래서 우리는 서버를 시작하고 캠프장을 새로 깎기 위해 필요한이 길을 방문 할 것이고 우리는 훌륭한 양식을 얻을 것입니다.

62
00:07:25,880 --> 00:07:28,160
우리는 부트 스트랩 스타일링을 얻지 못하고 있습니다.

63
00:07:28,390 --> 00:07:33,090
그것이 많이 보이지는 않지만 레이아웃을 포함시키지 않아서 얻지 못합니다.

64
00:07:33,160 --> 00:07:36,990
머리글과 바닥 글이 없기 때문에 가능합니다.

65
00:07:37,420 --> 00:07:50,130
여기에 Parshall의 슬래시 Hetter를 추가하고 Parshall의 슬래시 바닥 글을 여기에 복사 해 보겠습니다.

66
00:07:51,040 --> 00:07:54,360
서버를 다시 시작하십시오.

67
00:07:54,380 --> 00:07:59,910
이제 우리는 아름다운 부트 스트랩을 얻었고 헤더 파일과 바닥 글을 가지고 있습니다.

68
00:08:00,460 --> 00:08:13,430
그리고 우리는 이것이 올바른 경로로 가고 있는지 또는 여기에 무엇이든 입력하고 제출을 누르는지를 알기 위해 이것을 테스트 할 수 있습니다. 그러면 폼 코드가 양식이 캠프장을 벗기기위한 게시물 요청을 제출한다는 것을 의미하는 게시 경로에 도달하게됩니다.

69
00:08:13,570 --> 00:08:15,290
그리고 우리는이 빨간불을 해결할 것입니다.

70
00:08:15,580 --> 00:08:20,590
그러나 이것을 보내지 않고 우리는 실제로이 작업을하기 위해 논리를 추가하려고합니다.

71
00:08:20,750 --> 00:08:31,550
그리고 우리가 신체의 요청을 사용하는 양식에서 데이터를 얻는 것을 잊지 마라. 그러면 우리는 bodycam 이름을 요청하고 신체 이미지를 요구하고, 나는 변수에 저장할 것이다.

72
00:08:31,570 --> 00:08:36,060
지금까지 이름과 var 이미지.

73
00:08:36,350 --> 00:08:41,830
그리고 우리가하고 싶은 일은 새로운 캠프장을 여기에 배치하는 것입니다.

74
00:08:42,040 --> 00:08:47,590
그리고 그것이 작동하기 위해서는 우리가 이것을 적절하게 움직여서 그것이 적당한 안쪽에 있지 않도록해야합니다.

75
00:08:47,600 --> 00:08:52,240
우리는 그것을 위로 올려 놓을 것이고 그것이 머무를 곳이 아닙니다.

76
00:08:52,250 --> 00:08:54,690
우리가 곧 데이터베이스로 이동한다는 것을 기억하십시오.

77
00:08:55,000 --> 00:08:59,790
그러나 지금 당장은이 게시물 경로 내부에서 액세스 할 수 있도록 위로 올려 놓을 것입니다.

78
00:09:00,080 --> 00:09:01,460
콜백 함수에서.

79
00:09:01,880 --> 00:09:05,130
그래서 우리는 새로운 캠프장을 캠프장에 밀어 넣을 것입니다.

80
00:09:05,430 --> 00:09:08,950
그래서 캠프장을 밀어 넣으면 물체를 밀어 넣어야합니다.

81
00:09:09,080 --> 00:09:11,310
그래서 새로운 객체를 변수로 만들 예정입니다.

82
00:09:11,360 --> 00:09:15,570
그래서 나는 그것을 새로운 캠프장이라 부르겠다.

83
00:09:15,590 --> 00:09:33,580
그것은 객체이고 우리는 이름과 동등합니다. 이미지는 이미지와 동일합니다. 여기에서이 형식과 일치 시키거나 이름과 이미지가 있습니다. 그러면 마지막으로 저장해야 할 새로운 캠프장을 푸시해야합니다.

84
00:09:33,740 --> 00:09:36,890
그런 다음 다시 캠프장 페이지로 리디렉션합니다.

85
00:09:37,060 --> 00:09:37,960
그렇게 될 것입니다.

86
00:09:38,000 --> 00:09:47,270
RAZ는 캠프장을 줄이기 위해 방향을 전환합니다. 그렇습니다. 캠프장을 깎아야합니다.

87
00:09:47,380 --> 00:09:51,310
그러나 리디렉션을 수행 할 때 기본값은 get 요청으로 리디렉션됩니다.

88
00:09:51,380 --> 00:10:01,140
그래서 우리는 구할 것이고 그것을 시험해 봅시다. 다시 새로 고침해서 새로운 캠프장을 추가합시다.

89
00:10:01,210 --> 00:10:08,820
우리는이 데이지 마운틴이라고 부르고 이미지가 필요합니다. 여기에이 이미지를 복사 할 것입니다.

90
00:10:09,080 --> 00:10:10,520
돌아 가라.

91
00:10:10,850 --> 00:10:12,640
제출을 누르십시오.

92
00:10:13,270 --> 00:10:17,060
그리고 그것이 효과가 있었는지 알기 위해서 우리는 아래로 스크롤 할 필요가 있습니다.

93
00:10:17,090 --> 00:10:18,700
아름 다운 데이지 산입니다.

94
00:10:18,700 --> 00:10:20,240
꽤 충격적인 광경.

95
00:10:20,230 --> 00:10:22,200
돌아가서 몇 가지 사항을 살펴 보겠습니다.

96
00:10:22,210 --> 00:10:23,620
우리가 한 일이 많이 있습니다.

97
00:10:23,620 --> 00:10:26,170
제가 가져오고 싶은 첫 번째 일은 우리가 만든 길입니다.

98
00:10:26,170 --> 00:10:35,480
그래서 우리는 지금 실제로 실제로 우리가 캠프장을 포스트 슬래시 캠프장과 동일한 국에 가지고있는 모든 캠프장을 보여주는 캠프장을 깎아 냈습니다.

99
00:10:35,600 --> 00:10:40,670
그리고 그 곳에서 새로운 캠프장을 만들고 슬래시 캠프장을 리디렉션하는 논리를 실제로 수행합니다.

100
00:10:40,900 --> 00:10:44,520
그리고 나서 Amtrak에 새로운 캠프장을 내민다.

101
00:10:44,650 --> 00:10:46,330
그리고 그 형태를 보여줍니다.

102
00:10:46,690 --> 00:11:03,930
그래서 campgrounds slash new show 우리가 캠프장을 사용하여 모든 캠프장을 보여줄 캠프장을 내리고 캠프장을 내리려는 요청을 제출하는 양식을 기억하십시오.

103
00:11:04,740 --> 00:11:07,490
확실히 복잡한 흐름입니다.

104
00:11:07,540 --> 00:11:11,360
움직이는 조각이 많이 있지만 이것은 우리가 많이 뒤 따르게 될 조리법입니다.

105
00:11:11,410 --> 00:11:13,910
그래서 우리는 어딘가에 요청을 보내기 위해 양식을 보내야합니다.

106
00:11:14,050 --> 00:11:16,990
그런 다음 게시물 경로에서 양식 데이터를 가져옵니다.

107
00:11:17,020 --> 00:11:20,530
우리는 그걸로 무언가를 한 다음 다른 곳으로 리디렉션합니다.

108
00:11:20,530 --> 00:11:24,570
따라서 게시 경로가 사용자를 다른 경로로 리디렉션하는 것이 일반적입니다.

109
00:11:25,070 --> 00:11:28,140
우리가해야 할 마지막 일은 캠프장 템플릿을 여는 것입니다.

110
00:11:28,610 --> 00:11:51,250
그래서 우리는 C9 슬래시 캠프장을 사용하고 간단한 링크를 추가하여 Tref 동등한 슬래시 캠프장을 새로 시작하기위한 앵커 태그로 만들 것이며 그 내부 텍스트는 새로운 캠프장을 추가 할 것입니다. 우리가 구할거야.

111
00:11:51,350 --> 00:12:02,390
그런 다음 서버를 다시 시작하고 방문 페이지 나 캠프장 페이지로 돌아가서 실례합니다. 새로운 캠프장을 추가했습니다.

112
00:12:02,530 --> 00:12:07,040
그것을 클릭하면 캠프장 페이지로 이동 한 다음 새로운 캠프장을 추가 할 수 있습니다.

113
00:12:07,270 --> 00:12:12,080
우리는 모든 캠프장을보기 위해 되돌아 갈 수 있도록 뒤로 버튼을 추가해야합니다.

114
00:12:12,380 --> 00:12:17,980
따라서 하단의 새 템플릿에는 여기에 자체 앵커 태그가 포함됩니다.

115
00:12:18,120 --> 00:12:26,770
초안은 캠프장을 벗겨내는 것과 동일해야하며 서버를 다시 시작하거나 다시 시작한다고 말합니다.

116
00:12:26,770 --> 00:12:32,320
마지막으로 새로운 캠프장에서 신선한 그녀가 돌아갑니다.

117
00:12:32,530 --> 00:12:35,900
이제는 다음 비디오에서 링크가 제대로 설정되었습니다.

118
00:12:35,920 --> 00:12:37,970
우리는 몇 가지 기본 스타일에 중점을 둘 것입니다.