1
00:00:00,240 --> 00:00:03,200
이 단원으로 돌아와서 우리가 어떻게 쓸 수 있는지 보여 드리겠습니다.

2
00:00:03,210 --> 00:00:03,990
H m l.

3
00:00:04,020 --> 00:00:12,000
별도의 파일에 우리는 지금까지 redstart send를 사용하여 지금까지했던 것보다는 응답으로 그 파일을 다시 보낼 수 있습니다.

4
00:00:12,090 --> 00:00:13,880
여기에는 세 가지 주요 목표가 있습니다.

5
00:00:13,890 --> 00:00:23,150
첫 번째는 redstart render를 사용하여 각 파일에서 파일을 다시 보내도록 렌더링하는 것이며, 일단 우리가 각각 무엇인지 이야기하면 더 의미가 있습니다.

6
00:00:23,460 --> 00:00:24,740
이것이 바로 다음 목표입니다.

7
00:00:24,780 --> 00:00:27,340
Ejaz가 무엇이고 왜 우리가 그것을 사용하는지 설명하십시오.

8
00:00:27,360 --> 00:00:30,920
그리고 마지막으로 변수를 Ejay에 템플릿으로 전달합니다.

9
00:00:30,930 --> 00:00:42,440
그래서 여기에서 나는 새로운 익스프레스 앱이 필요할 것이고, 모든 비디오에서 계속하지 않을 기본적인 익스프레스 앱을 처음부터 만들려고 할 것입니다.하지만 여전히 그 과정에서 꽤 빠릅니다 .

10
00:00:42,480 --> 00:00:48,280
그리고 나는 당신이 직면하고있는 일이기 때문에 그것을 보면서 익숙해지기를 바랍니다.

11
00:00:48,300 --> 00:01:01,130
그래서 나는이 유닛을 위해 일할 More Express라는 디렉토리를 가지고 있으며 그 안에 새로운 디렉토리를 만들고 우리는이 Ejay 데모를 호출 할 것입니다.

12
00:01:02,290 --> 00:01:10,540
그리고 Ejaz 데모 대신에 NPM을 실행하게 될 것입니다.

13
00:01:10,560 --> 00:01:11,990
그 이름이 괜찮으니.

14
00:01:12,000 --> 00:01:14,800
버전 설명이 비어 있습니다.

15
00:01:14,880 --> 00:01:16,700
나는 항상 이것을 app으로 바꾸고 싶다.

16
00:01:16,830 --> 00:01:17,490
예.

17
00:01:17,490 --> 00:01:19,690
그냥 개인적인 취향.

18
00:01:20,070 --> 00:01:21,580
몇 번 더 입력하십시오.

19
00:01:21,660 --> 00:01:25,100
우리 중 누구도 채울 필요가 없습니다.

20
00:01:25,470 --> 00:01:39,120
그리고 이제 우리가 허용한다면 Jason이 J 우리의 행동을 만들어 내도록 패키지를 만들고 우리는 NPM 설치 익스프레스 대쉬 대시 저장을 실행할 것입니다.

21
00:01:39,150 --> 00:01:41,360
우리는 거기에 갈.

22
00:01:41,400 --> 00:01:45,780
이제 재즈 파일을 열고 거기에 코드를 추가해 봅시다.

23
00:01:45,780 --> 00:01:53,350
그리고 단지 ls를하고 나서 J.S.를 클릭하기보다는. 내가 최근에 열린 것을 클릭하면 그것을하는 다른 방법을 발견했습니다.

24
00:01:53,460 --> 00:02:01,290
클라우드 9는 최근 C9 공간을 입력 한 다음 파일 이름이나 파일 경로를 입력하면됩니다.

25
00:02:01,380 --> 00:02:03,040
그래서 C9 기본 응용 프로그램.

26
00:02:03,060 --> 00:02:07,090
J 예, 에디터에서 열립니다.

27
00:02:07,200 --> 00:02:11,760
ls를 입력 한 다음 파일을 클릭 한 다음 열기를 클릭하는 것보다 훨씬 빠릅니다.

28
00:02:11,760 --> 00:02:25,160
여기에 기본 표현식 코드를 가져 오자. 표현식은 표현식을 필요로하고, 그 다음에 var app equals 표현식을 함수로 실행한다.

29
00:02:25,170 --> 00:02:36,720
당신이 가끔 볼 수있는 한가지는 누군가가 Savar 앱이 Express를 필요로한다고 말한 다음 즉시 함수로 바로 실행하는 곳입니다.

30
00:02:36,720 --> 00:02:45,660
대부분의 사람들은 2 개의 별도 단계로 이것을 좋아할 것입니다. 가장 일반적으로 Xpress와 app을 볼 수 있습니다.

31
00:02:45,660 --> 00:02:46,950
이제 그 행동을 시작합시다.

32
00:02:46,950 --> 00:03:06,250
EMV 포트를 처리하고 그 D-NV IP를 처리하는 포트가 필요하므로 서버를 시작하는 맨 아래로 들어보십시오.이 포트는 클라우드 9가 설정 한 환경 변수이며 포트에 액세스하고 있습니다. IP 주소.

33
00:03:06,510 --> 00:03:15,840
그런 다음 콜백을 추가하면 일단 서버가 설정되면 실행될 것이고 우리는 로그에 관해서 만 볼 것입니다.

34
00:03:16,060 --> 00:03:21,540
서버는 이와 같이 듣고 저장합니다.

35
00:03:21,540 --> 00:03:25,350
이제 첫 번째 경로를 추가하고 경로 경로를 수행합니다.

36
00:03:25,350 --> 00:03:34,130
나는 항상 거기에서 시작하기를 좋아한다. 그리고 그것은 내가 나의 일부 학생들에게 혼란스런 말이다. 왜냐하면 나는이 단어가 그들 중 일부를 뿌리로 발음 할 것이기 때문이다.

37
00:03:34,410 --> 00:03:36,830
나는 뿌리를 말할 때 그것을 분명하게하려고 노력한다.

38
00:03:36,900 --> 00:03:41,250
나는 R O T에 대해서만 이야기하고 있습니다.

39
00:03:41,280 --> 00:03:42,870
루트 경로.

40
00:03:43,140 --> 00:04:06,500
좋습니다. apt에 루트 또는 슬래시를 추가 한 다음 요청을 가져 오는 요청이 슬래시 될 때마다 콜백 함수가 실행되고이 두 객체가 응답하도록 요청할 때마다 콜백 함수가 실행됩니다. 그러면 우리는 앞서 rez를 호출합니다. 보내면 우리는 간단한 일을 할 것입니다.

41
00:04:06,540 --> 00:04:08,700
홈페이지에 오신 것을 환영합니다.

42
00:04:08,730 --> 00:04:11,730
이 시점에서 모든 것이 검토되어야합니다.

43
00:04:12,090 --> 00:04:16,020
서버를 노드 j만큼 시작하자.

44
00:04:16,890 --> 00:04:18,280
모든게 좋은 것처럼 보입니다.

45
00:04:18,390 --> 00:04:22,500
루트 페이지로 가서 새로 고침 해보자.

46
00:04:22,500 --> 00:04:23,710
홈페이지에 오신 것을 환영합니다.

47
00:04:23,890 --> 00:04:28,580
분명히 이런 유형의 내용은 한 줄의 텍스트가 꽤 지루합니다.

48
00:04:28,610 --> 00:04:34,890
조금 더 가볍게하기 위해 할 수있는 일은 우리가 여기로 돌아와 이것을 H-2A Mel으로 만들 수 있다는 것입니다.

49
00:04:34,950 --> 00:04:43,640
우리가 그저 그런 것을 원한다면, 그 아래에 H-2를 추가 할 수 있습니다.

50
00:04:43,770 --> 00:04:45,910
그냥 그렇게.

51
00:04:46,020 --> 00:04:46,760
우리는 거기에 갈.

52
00:04:46,920 --> 00:04:50,730
그리고 이것을 저장하고 서버를 다시 시작하면됩니다.

53
00:04:51,120 --> 00:04:53,980
그리고 우리는 여기로 돌아가서 새로 고침합니다.

54
00:04:53,980 --> 00:05:00,850
우리는 HVM 앨범을 우리에게 보여 주지만 실제로 전체 페이지를 타이핑하는 것은 여전히 ​​고통 스럽습니다.

55
00:05:00,850 --> 00:05:04,290
기술적으로는 가능하지만 그렇게 어렵습니다.

56
00:05:04,450 --> 00:05:05,720
그것은 단지 좋은 생각이 아닙니다.

57
00:05:05,920 --> 00:05:24,430
다행히도 우리가 모든 코드를 별도의 파일에 작성할 수있는 쉬운 방법이 있습니다. 모든 C S와 예를 들어 모든 프론트 엔드 자바 스크립트를 사용자에게 다시 보내고 싶습니다. 그래서 메소드를 사용할 수 있습니다. render라는 메소드와 render 메소드는 우리가 무엇을 호출하든 응답 객체에 존재한다.

58
00:05:24,430 --> 00:05:26,730
우리의 경우에는 회전하므로 나머지는 렌더링되지 않습니다.

59
00:05:26,730 --> 00:05:36,950
그리고 나서 우리는 홈 페이지 나 집과 같은 파일 이름을주었습니다. Dogstar 또는 Dogstar는 그를 늙어 보았습니다.

60
00:05:37,270 --> 00:05:40,950
그리고 물론 우리는 그 파일을 만들어야하고 그것에 약간의 내용이 있어야합니다.

61
00:05:41,230 --> 00:05:50,810
그러나 우리가하기 전에도이 문제를 해결할 작은 문제가 있습니다. 문제는 익스프레스를 사용할 때 평범한 파일을 쓰지 않는 것입니다.

62
00:05:50,950 --> 00:05:52,400
그렇게하는 방법이 있습니다.

63
00:05:52,420 --> 00:05:59,410
좀 더 많은 설정이 필요하지만 대부분의 웹 앱은 보내지는 표준 Tim 정적 파일이 아닙니다.

64
00:05:59,590 --> 00:06:07,080
우리가 찾고있는 것은 템플릿이라고하는 동적 HTML 파일이며이 비디오의 후반부에 소개 할 것입니다.

65
00:06:07,270 --> 00:06:23,250
하지만 지금은 여기로 가서 이것을 E.J로 바꿀 것입니다. E.J.에 대해 내가 말할 모든 것. 그것은 임베디드 자바 스크립트의 약자이며 Dogstar라는 파일을 렌더링하기 위해 요청을받을 때 약 5 분 만에 더 많은 것을 배울 것입니다.

66
00:06:23,380 --> 00:06:23,990
예.

67
00:06:24,060 --> 00:06:28,060
경로 경로를 더 잘 이해하기 때문에 집으로 바꾸자.

68
00:06:28,330 --> 00:06:34,340
그래서 우리는 그 파일을 만들어야하고 실제로 우리와 같은 디렉토리에 파일을 만들지 않습니다.

69
00:06:34,570 --> 00:06:43,380
우리가해야 할 일은 views라고 불리는 새로운 디렉토리를 만드는 것입니다. 이것은 표현할 디렉토리 인 임의의 이름이 아닙니다.

70
00:06:43,540 --> 00:06:52,650
그래서 파일이 무엇이든 렌더링 할 때마다 뷰 디렉토리에서 먼저 보이고 퓨즈 안에서이 정확한 파일을 찾으려고합니다.

71
00:06:52,660 --> 00:06:54,790
자 이제 만들어 봅시다.

72
00:06:54,790 --> 00:07:01,520
그래서 나는 Ejay 우리가 그것을 좋아하는 터치 플레이 slash 집을 할 것이다.

73
00:07:01,780 --> 00:07:04,380
그리고 나서 다음으로하고 싶은 일은 콘텐츠를 추가하는 것입니다.

74
00:07:04,420 --> 00:07:10,320
새로운 C9 명령으로 파일을 열어 보겠습니다.

75
00:07:10,360 --> 00:07:10,610
E.J ..

76
00:07:10,610 --> 00:07:14,800
예. 여기에 물건을 추가합시다.

77
00:07:14,890 --> 00:07:17,530
이것은 홈페이지입니다.

78
00:07:17,890 --> 00:07:19,100
이 문제를 해결합시다.

79
00:07:19,480 --> 00:07:24,850
그리고 이미지를 추가하고 여기에서 사용하고 싶은 이미지가 있습니다.

80
00:07:24,850 --> 00:07:26,960
이것은 팜 스키 라 불리는 것입니다.

81
00:07:27,080 --> 00:07:29,230
Pomeranian과 거친 믹스입니다.

82
00:07:29,230 --> 00:07:33,700
그것이 사실이라면 이것은 꽤 성장한 Parsky입니다.

83
00:07:33,910 --> 00:07:38,240
소형 허스키 또는 영구 거친 강아지처럼 보입니다.

84
00:07:38,350 --> 00:07:41,720
어쨌든 우리는이 URL을 복사하고 돌아갈 것입니다.

85
00:07:41,800 --> 00:07:44,380
물론 원하는 모든 이미지를 처리 ​​할 수 ​​있습니다.

86
00:07:44,380 --> 00:07:48,670
당신은 자신을 Ellaby라고 생각하거나 타입이없는 것을 찾을 필요가 없습니다.

87
00:07:49,060 --> 00:07:52,880
그리고 지금 우리는 이것에서 닫을 것이고 우리는 잘 가게되어야합니다.

88
00:07:53,050 --> 00:07:58,030
누락 된 것을 제외하고는 실제로 표현을 통해 우리가 누락 된 부분을 알려줄 것입니다.

89
00:07:58,030 --> 00:07:59,310
오류 메시지가 표시됩니다.

90
00:07:59,530 --> 00:08:02,940
그래서 저는 여러분에게 좀 더 여유를주기 위해 이것을 정리할 것입니다.

91
00:08:03,160 --> 00:08:05,510
이제 서버를 시작하겠습니다.

92
00:08:06,910 --> 00:08:12,110
그리고 우리가 라우트 라우트로 갈 때 그것은 홈을 찾을 렌더 메소드를 호출 할 것입니다.

93
00:08:12,270 --> 00:08:12,950
예.

94
00:08:13,150 --> 00:08:15,650
views라는 디렉토리 내부.

95
00:08:15,790 --> 00:08:28,690
그리고 일단 그것이 발견되면 콘텐츠를 가져 와서 응답으로 돌려 보내서 우리는 우리의 앱으로 돌아가서 새로 고침 할 것이고 우리는 여기에 Montreuil을 찾을 수 없다는 오류 메시지를 받게 될 것입니다.

96
00:08:28,690 --> 00:08:28,940
E.J ..

97
00:08:29,020 --> 00:08:29,780
예.

98
00:08:30,160 --> 00:08:39,630
이것이 의미하는 바는 익스프레스가 Ejaz 파일을 렌더링하고 Ejaz 파일에 사용하기 위해 필요한 패키지를 찾고 있다는 것입니다.

99
00:08:39,670 --> 00:08:46,590
따라서 NPM에 Ejay를 설치해야합니다. 그러면 Ejaz를 몇 분 만에 사용하는 이유가 모두 이해가됩니다.

100
00:08:46,600 --> 00:08:52,440
하지만 지금은 NPM 설치를 믿으십시오. Ejay를 설치하면 대시 대시를 할 수 있습니다.

101
00:08:53,230 --> 00:08:57,080
그리고 그것이 끝나면 우리는 노드를 할 수 있습니다.

102
00:08:57,160 --> 00:09:06,020
J.S. 다시 페이지를 새로 고침하십시오. 우리는 이것이 홈 페이지이며 우리의 사랑 스럽다 강아지는 완전히 성장한 톰 스키를 키웠습니다.

103
00:09:06,130 --> 00:09:12,820
이제 우리는 우리가 작성한 파일을 브라우저에 보내고 사용자에게 다시 보냈습니다.

104
00:09:13,030 --> 00:09:17,900
그리고 이것은 훌륭합니다. 그러나 이것은 여전히 ​​웹 어플리케이션에 극히 제한되어 있습니다.

105
00:09:17,920 --> 00:09:24,530
이렇게하면 매번 동일한 페이지가 다시 전송되며 우리가 원하는 것이 아닌 대부분의 웹 응용 프로그램에서만 다시 전송됩니다.

106
00:09:24,670 --> 00:09:28,260
어쩌면 홈 페이지가 동일하거나 로그인 페이지가 동일 할 수도 있습니다.

107
00:09:28,330 --> 00:09:35,370
그러나 예를 들어 사용자가 로그인하면 예를 들어 환영 인사 또는 다시 환영 메시지가 표시됩니다.

108
00:09:35,380 --> 00:09:37,960
사랑스러운 파르 스키 강아지 성인 슬래시.

109
00:09:37,960 --> 00:09:39,870
빠른 예를 통해 내가 무엇을 의미하는지 보여 드리겠습니다.

110
00:09:40,060 --> 00:09:45,960
그래서 나는 돌아가서 새로운 길을 추가 할 것이고 우리 길은 슬래시와 같을 것입니다.

111
00:09:46,060 --> 00:09:54,480
러스티 (Rustie)와 사랑에 빠지면 팜 스키에 빠지게 될 것입니다.

112
00:09:54,550 --> 00:09:55,780
그게 철자가 된 것 같아요.

113
00:09:55,990 --> 00:10:02,480
경로 매개 변수 경로의 변수를 포함하는 메시지를 표시하는 HMO 파일이 필요합니다.

114
00:10:02,590 --> 00:10:18,560
그래서 녹슨과 사랑에 빠져서 슬래시와 사랑에 빠지거나 정의 할 필요가 있다고 말하는 것입니다.

115
00:10:18,570 --> 00:10:19,600
그것이 바로 우리가 말하는 것입니다.

116
00:10:19,940 --> 00:10:24,440
그런 다음 콜백 내부에서 요청과 응답이 필요합니다.

117
00:10:24,440 --> 00:10:39,950
그리고 마지막 운동처럼 VAR의 일이 하람을 요구하는 것과 같을 것이고, 우리는 동물의 말하기 운동과 마찬가지로이 간단한 빨간 점으로 시작할 수 있습니다.

118
00:10:39,960 --> 00:10:41,770
돼지는 윙크라고합니다.

119
00:10:41,900 --> 00:10:44,050
암소는 음매가 여기에서도 똑같이 할 수 있다고 말합니다.

120
00:10:44,060 --> 00:10:51,130
그래서 우리는 당신이 사랑에 빠졌다고 그냥 말할 것입니다.

121
00:10:51,890 --> 00:10:52,310
괜찮아.

122
00:10:52,340 --> 00:11:12,850
그래서 이것은 리뷰입니다. 그리고 지금 서버를 다시 시작하면 나는 슬래시 스케이프와 사랑에 빠지게됩니다. 우리는 당신이 정확하게 문법적으로 맞지 않은 Tomsky와 사랑에 빠지게됩니다.하지만 다시는 Pomps가 아닙니다.

123
00:11:13,070 --> 00:11:36,380
그래서 나는 다시 돌아가서 우리가하고 싶은 일은 우리가 어떻게 그에게 H를 보낼 수 있는지를 알아내는 것입니다. 나는 당신이 사랑에 빠졌고 그 다음에 파일을 만들어서 시작할 수 있다고 말합니다. 이 파일을 views 디렉토리에서 호출하고 원하는 파일을 호출하면됩니다.하지만 나는 단지 사랑 EJ 만 가지고 갈 것입니다. 짧게 유지하고 그 다음에 채울 것입니다.

124
00:11:36,380 --> 00:11:40,520
그래서 우리는 C-9 뷰를 슬래시해야합니다.

125
00:11:40,940 --> 00:11:41,840
그거 사랑해.

126
00:11:41,950 --> 00:11:51,910
예, 우리는 열어 놓았습니다. 당신을 사랑에 빠지게 한 다음, 빈 칸을 채워야합니다.

127
00:11:52,010 --> 00:12:07,500
그러나 우리는 여기에 무엇을 넣어야할지 모르겠다. 그래서 우리는 그것을 그대로두고 P.S.가 적힌 메모를 남겨 두자. 이것은 Ejaz 파일에서오고 있다는 것을 알기 위해 Ejay가 우리에게주는 사랑입니다.

128
00:12:07,500 --> 00:12:10,430
우리가 지금 당장 가지고있는 것은 빨간 발사가 아닙니다.

129
00:12:10,490 --> 00:12:12,270
사실 그걸 없애 버려.

130
00:12:13,100 --> 00:12:18,230
그래서 우리가하고 싶은 것은 그 파일을 렌더링하여 읽기가 렌더링되지 않도록하는 것입니다.

131
00:12:18,500 --> 00:12:21,420
파일의 이름은 E.J ..

132
00:12:21,420 --> 00:12:27,080
예, 자동으로보기 디렉토리에서 찾습니다.

133
00:12:27,110 --> 00:12:31,980
서버 두 개를 시작하자.

134
00:12:32,110 --> 00:12:36,260
예가 다시 시작되고 새로 고침됩니다.

135
00:12:36,590 --> 00:12:36,920
승인.

136
00:12:36,950 --> 00:12:38,520
그래서 우리 파일이 여기 있습니다.

137
00:12:38,540 --> 00:12:41,700
너는 사랑에 빠졌고 여기서 빈칸을 채워야 해.

138
00:12:41,990 --> 00:12:57,950
그리고 저는 이것이 당신을 혼란스럽게하기를 원하지 않는 요점 인 정말로 간단한 예라는 것을 압니다. 그러나이 유형의 논리는 데이터베이스 나 데이터로부터 돌아 오는 데이터로 템플릿을 채울 수있는 곳에서 정말로 중요합니다. 정적 킬 파일이 아닌 사용자가 제공 한 것입니다.

139
00:12:57,980 --> 00:13:00,220
그것은 언제나 똑같습니다.

140
00:13:00,260 --> 00:13:05,770
우리는 기본적으로 HTL에 변수를 추가하기를 원합니다. 각 변수는 HTL이 할 수있는 것입니다.

141
00:13:06,080 --> 00:13:09,380
그래서 E.J. S는 임베디드 자바 스크립트를 의미합니다.

142
00:13:09,380 --> 00:13:18,520
H Timo 내부에서 명령문이 반복되는 경우 자바 스크립트 코드 변수를 임베드 할 수 있습니다.

143
00:13:18,560 --> 00:13:20,450
그래서 우리가 어떻게 할 수있을 것입니다.

144
00:13:20,840 --> 00:13:30,650
당신은 사랑에 빠졌고, 여기에서 이것은 아직 작동하지 않을 것입니다. 그러나 우리는 우리의 변수를 넣을 수 있습니다.

145
00:13:30,650 --> 00:13:37,700
그러나 이것은 정상적인 HMO로 취급 할 것이기 때문에 작동하지 않을 것이며 그것은 우리에게 변할 수있는 단어를 보여줄 것입니다.

146
00:13:37,700 --> 00:13:44,200
우리는이 각각이 자바 스크립트 코드임을 가르쳐 줄 뭔가를 할 필요가 있습니다. 자바 스크립트 코드는 자바 스크립트처럼 취급 할 것입니다.

147
00:13:44,390 --> 00:13:47,160
다행히도 우리에게 그렇게 할 수있는 방법이 있습니다.

148
00:13:47,210 --> 00:13:49,600
당신이 그것을 처음 볼 때 좀 이상합니다.

149
00:13:49,790 --> 00:13:51,220
이 모양입니다.

150
00:13:51,830 --> 00:14:03,150
따라서 우리는 대괄호를 사용하고 그 다음 백분율 기호를 사용하고 여는 괄호에 등호를 표시합니다.이 두 대괄호 사이에 오는 것은 모두 자바 스크립트로 처리됩니다.

151
00:14:03,320 --> 00:14:14,010
그래서 저는 우리가 5 + 5 같은 것을 사용할 수 있다는 것을 보여 드리겠습니다. 보통 H M L에서 5 + 5를 보여주기 위해 실제로 할 것입니다.

152
00:14:14,450 --> 00:14:22,000
이러한 Ejay가 없으면 대괄호는 5 개를 더한 5 개를 인쇄하지만 여기서는 바로 10 개를 인쇄합니다.

153
00:14:22,130 --> 00:14:36,920
따라서이 템플릿을 저장하거나 J 후에 서버를 다시 시작하고 페이지를 새로 고침하면 5 개에서 5 개까지를 잃게됩니다.

154
00:14:37,130 --> 00:14:38,010
그리고 나는 그것을 완전히 얻는다.

155
00:14:38,030 --> 00:14:41,270
내가 5시에 멈추게되면 10시에 완전히 잡을 권리가있다.

156
00:14:41,270 --> 00:14:42,220
그래서 우리는 돌아갈거야.

157
00:14:42,350 --> 00:14:44,980
그래서 우리는 다섯 더하기 5가 거기에 인쇄되기를 원하지 않습니다.

158
00:14:45,020 --> 00:14:48,830
그러나 우리는 실제로 물건을 가변적으로 원합니다.

159
00:14:48,890 --> 00:14:52,780
우리는 이것을 VAR이라고 부르거나 그냥 멀리 할 것입니다.

160
00:14:52,940 --> 00:14:56,180
그리고 이것은 여기에 우리의 코드에서 올 필요가 있습니다.

161
00:14:56,180 --> 00:15:07,290
그래서 우리가해야 할 일은 E.J. 템플릿으로 우리는 그것을 인쇄하고 우리가 여기있는 동안 다섯 더하기 5도 제거합니다.

162
00:15:07,490 --> 00:15:15,400
그래서 우리는 당신을 사랑에 빠지게하고 우리는 그 일을 멀리 정의 할 필요가 있습니다. 그리고 당신은 우리가이 일을 할 수 있다고 생각할지도 모릅니다.

163
00:15:15,410 --> 00:15:18,200
Var은 슬롯 것부터 요청합니다.

164
00:15:18,440 --> 00:15:24,360
그리고 표현 된 것이 자동으로 모든 변수를이 템플릿으로 보내는 것을 희망 할 수 있습니다.

165
00:15:24,410 --> 00:15:26,410
그리고 그것은 단지 var에 대해 알고 있습니다.

166
00:15:26,750 --> 00:15:28,550
불행히도 그것이 작동하는 방식이 아닙니다.

167
00:15:28,670 --> 00:15:38,590
그리고 서버를 다시 시작한다는 것을 보여 드리겠습니다. 오류 메시지가 나타나고 var이 정의되어 있지 않다는 것을 알려줍니다.

168
00:15:38,930 --> 00:15:41,800
이제 돌아가서 물건 바를 정의해야합니다.

169
00:15:41,960 --> 00:15:52,170
그리고 제가하는 일은 실제로 그것을 사랑하는 E.J.에게 전달하는 것입니다. s 템플릿을 사용하고 객체로 전달할 때 점 렌더링 선에 그 작업을 수행합니다.

170
00:15:52,340 --> 00:15:57,210
그리고이 객체에서 템플릿에 여러 개의 데이터를 넣을 수 있습니다.

171
00:15:57,440 --> 00:16:10,910
그래서 일들이 오히려 이것을 명확하게하기 위해 호출 할 것입니다. 그리고 나서 여기를 통해 데이터를 전달할 것이고 저는 템플릿 일에 var가 thing과 같아야한다고 말할 것입니다.

172
00:16:11,330 --> 00:16:15,420
이 일이하는 일은 가치있는 것을 가지고 바로 여기에 붙이는 것입니다.

173
00:16:15,560 --> 00:16:19,450
그래서 그것은 Rusty와 동등한 것처럼 보일 것입니다.

174
00:16:19,610 --> 00:16:22,760
그리고 여기에 var가 대체 될 것입니다.

175
00:16:22,760 --> 00:16:25,810
이 모든 것이 녹슨 것으로 대체 될 것입니다.

176
00:16:26,460 --> 00:16:29,600
좋아, 그럼 그걸 남겨 둘거야.

177
00:16:29,600 --> 00:16:42,240
여기로 돌아가서 우리가 단지 resti로 하드 코딩하여 시작하지 않고 서버를 다시 시작하면 페이지가 새로 고침되어 Rusty와 사랑에 빠지게됩니다.

178
00:16:42,350 --> 00:16:56,000
따라서 문자열을 작성하는 것보다 다음 단계는 우리가 가지고있는 것을 변수로 저장하는 것만으로 돌아가는 것입니다. 그리고 그것을 이름의 바 아래로 통과시킨 다음 거기에서 렌더링합니다.

179
00:16:56,010 --> 00:16:58,350
E.J. 이 우키 한보고 물건을 태그했습니다.

180
00:16:58,610 --> 00:17:02,200
다시 서버를 다시 시작하십시오.

181
00:17:02,390 --> 00:17:05,910
이제 네가 파스키와 사랑에 빠지게 만들거야.

182
00:17:06,070 --> 00:17:13,440
그리고 내가 너에게 간다면 너는 Tater Tots와 사랑에 빠지게된다.

183
00:17:13,520 --> 00:17:16,510
이것은 우리가 사용할 매우 강력한 개념입니다.

184
00:17:16,520 --> 00:17:27,950
내가 말했듯이, 여기에 나온 모든 동적 인 페이지는 사용자가 요청한 특정 데이터에서 요청한 내용에 따라 변경 될 수있는 모든 응답을 가볍게 처리합니다.

185
00:17:27,950 --> 00:17:31,630
내가 보여줄 다른 것은 이것이 단지 정규 자바 스크립트라는 것입니다.

186
00:17:31,730 --> 00:17:42,100
그래서 바로 여기에서 저는 대문자와 같은 것을 할 수 있습니다. 그러면 이것이 먼저 실행될 것이고 녹슨 것처럼 인쇄 될 어떤 것을 반환 할 것입니다.

187
00:17:42,470 --> 00:17:47,020
그래서 그것은 단지 일반적인 자바 스크립트이고, 우리는 무엇이 들어가야하고 무엇을하지 말아야하는지에 대해 더 이야기 할 것입니다.

188
00:17:47,150 --> 00:17:53,200
몇 가지 규칙이 있기 때문에 당신의 노약자를 혼란스럽게하고 싶지는 않습니다. 모든 Ejaz 템플릿에 톤과 자바 스크립트가 있습니다.

189
00:17:53,300 --> 00:17:57,070
당신은 그것을 최소한으로 유지하고 싶지만, 지금은 이것을하고 절약 할 것입니다.

190
00:17:57,230 --> 00:17:58,990
그리고 이것이 우리가하는 마지막 일입니다.

191
00:17:59,270 --> 00:18:01,860
서버 새로 고침을 다시 시작하십시오.

192
00:18:02,180 --> 00:18:04,280
그리고 이제 나는 자본화 된 버전을 얻습니다.

193
00:18:04,280 --> 00:18:06,600
좋아, 이제 우리가 말한 모든 것을 정리해 보자.

194
00:18:06,620 --> 00:18:08,330
이 수업에는 꽤 많은 부분이 있습니다.

195
00:18:08,360 --> 00:18:20,600
우선 우리가 여기서했던 것과 같이 redstart render를 사용하여 파일의 내용을 되돌려 보낼 수 있으며, 그 템플릿은 views 디렉토리에 존재해야하며 자동으로 거기에 보인다.

196
00:18:20,600 --> 00:18:31,440
다음으로 임베디드 자바 스크립트를 의미하는 Ejaz에 대해 이야기했고, 우리가 제공하는 일부 데이터에 따라 동적 인 템플릿 HDMI를 변경할 수있게되었습니다.

197
00:18:31,640 --> 00:18:37,730
우리는 각각의 예를하고 나서 우리의 파일을 국방부의 Ejay라고 부르는 것이 필요하다는 것을 알았습니다.

198
00:18:37,940 --> 00:18:47,230
그리고 나서 우리는 NPM 설치 Ejay를 실행할 필요가있었습니다. 그런 다음 마지막으로 Ejay를 사용할 수 있습니다. 처음에는 매우 이상합니다.

199
00:18:47,360 --> 00:19:07,270
키보드의이 부분을 많이 사용하지는 않았지만 백분율 기호와 같음, 그리고 반대쪽에 백분율 기호가 들어가는 부분은 모두 괄호 안에 있고, 처음에는 JavaScript 코드로 처리 된 다음 그 코드가 반환하는 것은 HMO에 인쇄되고 데이터를 전달합니다.

200
00:19:07,760 --> 00:19:12,500
우리는 키 값 쌍이있는 빨간 점 렌더링 호출에서 객체를 전달할 수 있습니다.

201
00:19:12,500 --> 00:19:14,660
그것은 단지 일반적인 자바 스크립트 객체입니다.

202
00:19:14,660 --> 00:19:19,890
그리고 템플릿에서 우리가 정의한 변수에 접근 할 수 있습니다. 객체의 속성입니다.

203
00:19:19,910 --> 00:19:26,330
이 경우, 사물의 가치가 매번 변하는 것이 무엇이든, 사물은 같습니다.

204
00:19:26,570 --> 00:19:29,510
그리고 여기에서 우리는 그 다음에 물건을 사용할 수 있습니다.

205
00:19:29,780 --> 00:19:32,830
좋아,이 동영상에는 소화 할 부분이 많이 있다는 것을 알고있다.

206
00:19:32,840 --> 00:19:36,280
특히 이러한 개념을 통해 더 많은 연습을하게 될 것입니다.

207
00:19:36,320 --> 00:19:36,590
E.J ..