1
00:00:00,210 --> 00:00:01,510
그럼 돌아와.

2
00:00:01,530 --> 00:00:04,700
따라서 전체 과정에서보다 중요한 교훈 중 하나입니다.

3
00:00:04,890 --> 00:00:08,670
그러나 그것은 또한 우리가 지금까지 한 어떤 것과도 매우 다를 것입니다.

4
00:00:08,670 --> 00:00:18,120
그리고 그것이 다른 이유는 내가 전에 보지 못했던 많은 코드를 보여줄 것이고 당신은 전혀 이해하지 못할 것이라고 생각하기 때문입니다.

5
00:00:18,120 --> 00:00:23,770
제가이 일을하는 이유는이 모든 조각들이 어떻게 맞는지에 대한 개념적 개요를 당신에게주고 싶기 때문입니다.

6
00:00:23,790 --> 00:00:28,430
서버 GET 요청 게시가 브라우저에 요청하는 데이터베이스입니다.

7
00:00:28,440 --> 00:00:30,900
이 모든 것들은 모두 요청과 응답입니다.

8
00:00:31,080 --> 00:00:35,430
정말 간단한 작업 응용 프로그램으로 모든 것을 보여주고 싶습니다.

9
00:00:35,430 --> 00:00:37,120
그래서 제가 여기서하려고 할 것입니다.

10
00:00:37,200 --> 00:00:43,920
필자가 이것을 직접 가르치고 있었다면, 랩탑을 내려 놓고 컴퓨터를 닫으라고 요청하는 지점이 될 것입니다.

11
00:00:44,040 --> 00:00:45,670
분명히 좋은 생각은 아닙니다.

12
00:00:45,930 --> 00:00:50,100
하지만 그 뒤에 숨겨진 감정은 당신이 이것에 대해 메모를하고 싶지 않다는 것입니다.

13
00:00:50,100 --> 00:00:57,240
모든 단일 라인을 살펴보고이를 처음부터 작성하고 이러한 개념을 사용하여 서로 다른 응용 프로그램 중 여섯 개를 만들 것입니다.

14
00:00:57,240 --> 00:01:03,580
그래서 이것은 어떻게 일들이 실제로 어떻게 작용하는지에 대한 실제적인 세부 사항이 아니라 함께 어떻게 어울리는 지에 관한 것입니다.

15
00:01:03,600 --> 00:01:06,630
그것으로 앞서 나가서 여기서 시작하겠습니다.

16
00:01:07,020 --> 00:01:09,840
그래서이 응용 프로그램은 강아지 주위 테마입니다.

17
00:01:09,840 --> 00:01:11,010
매우 간단합니다.

18
00:01:11,010 --> 00:01:12,320
전혀 스타일링이 없습니다.

19
00:01:12,420 --> 00:01:14,320
몇 가지 다른 페이지.

20
00:01:14,430 --> 00:01:19,250
그리고 우리가 얘기해야 할 첫 번째 것은이 전체 파일이 무엇인지입니다.

21
00:01:19,260 --> 00:01:21,750
이것이 우리 서버 파일입니다.

22
00:01:21,750 --> 00:01:23,450
제 경우에는 app dodge라고합니다.

23
00:01:23,460 --> 00:01:25,720
예, 이것은 자바 스크립트로 작성되었습니다.

24
00:01:25,800 --> 00:01:30,180
그리고이 파일을 실행하면 실제로 서버가 시작됩니다.

25
00:01:30,180 --> 00:01:41,310
그래서 전에 우리가 요청한 내용을 읽을 때 요청한 내용을 듣고있는 Reddit 서버에 코드가 있습니다.

26
00:01:41,310 --> 00:01:45,850
이제 com은 검색을 슬래시 한 다음 응답에서 올바른 데이터를 다시 보냅니다.

27
00:01:46,080 --> 00:01:50,990
Reddit 서버에 코드가 있다고 말할 때 이것은 우리가 말하는 코드 종류입니다.

28
00:01:51,210 --> 00:02:00,620
그래서 비록 Python으로 읽었지만 자바 스크립트입니다. 이것은 다른 요청을 듣고 다른 부분으로 응답하는 서버의 코드입니다.

29
00:02:00,630 --> 00:02:05,150
큰 덩어리가 세 개 있습니다.이 위로 가기는 응용 프로그램을 설정하는 것입니다.

30
00:02:05,250 --> 00:02:09,370
따라서 적절한 라이브러리를 포함하여 몇 가지 종속성이 있음을 알 수 있습니다.

31
00:02:09,390 --> 00:02:11,560
다시 우리는 나중에 모든 것을 다룰 것입니다.

32
00:02:11,850 --> 00:02:13,570
그런 다음 데이터베이스가 있습니다.

33
00:02:13,830 --> 00:02:22,060
그래서 우리 데이터베이스는 모든 개가 이름과 품종을 가지고 있고 둘 다 문자열이라는 것을 알기 위해 데이터베이스를 설정하고 있습니다.

34
00:02:22,470 --> 00:02:24,240
그리고 그것은 지금 그것에 대해 모두 언급되었습니다.

35
00:02:24,630 --> 00:02:39,040
그리고 나서 랩이라고하는 이러한 것들이 있습니다. 우리가 이것을하기 전에이 수업에서 많은 시간을 할애 할 것입니다. 실제로 여기에서 가장 마지막 부분에있는 서버를 실제로 시작하기 위해 가장 중요한 부분을 지적하고 싶습니다. 구문은 문제가되지 않지만 중요한 것은 무엇입니까?

36
00:02:39,050 --> 00:02:40,930
여기 3 천 개가 있네.

37
00:02:40,950 --> 00:02:51,860
이 작업은 터미널에서이 파일을 실행할 때이 응용 프로그램을 실행할 때 실제로 서버가 시작되고 응용 프로그램이 포트 3000에있게됩니다.

38
00:02:51,870 --> 00:02:53,160
그래서 내가 말하는 것을 보여 드리겠습니다.

39
00:02:53,160 --> 00:02:59,130
이 서버를 다시 시작하여 파일을 다시 실행하면 내가하는 일이 정말로 중요하지 않습니다.

40
00:02:59,130 --> 00:03:03,260
그리고 포트 3000에서 개 데모를 제공하는 메시지를 볼 수 있습니다.

41
00:03:03,570 --> 00:03:07,650
그래서 내 텍스트 편집기를 가지고 여기 내 서버에 코드를 작성하고 있습니다.

42
00:03:07,860 --> 00:03:11,000
그런 다음 내 터미널에서 실제로 서버를 실행하고 있습니다.

43
00:03:11,220 --> 00:03:18,840
이제이 코드를 실행하면이 코드가 모두 실행되고 특히이 행은 3 천 포트에서 서버를 시작했습니다.

44
00:03:18,870 --> 00:03:28,620
그래서 제가 지금 3 천 포트에 가면 제가 거기에 오는 길은 콜란 (Colan) 3000입니다. 홈 페이지라고하는 것을 보았습니다.

45
00:03:28,980 --> 00:03:34,570
우리가 페이지 소스를 볼 때 HMO를 얻는 방법에 대해 이야기합시다.

46
00:03:34,950 --> 00:03:42,150
응답이 홈 페이지라고하는 단일 H-1 이었기 때문에 내가 가진 모든 것을 볼 수 있습니다.

47
00:03:42,150 --> 00:03:46,620
따라서 여기에 제 서버로 돌아 가면 제가 지적하고자하는 몇 가지 사항이 있습니다.

48
00:03:46,770 --> 00:03:52,620
첫 번째는 서버가 시작된 터미널에 인쇄 된 작은 메시지가 있다는 것입니다.

49
00:03:52,780 --> 00:04:00,340
그리고 이것이 우리에게 알려주는 것은 누군가가 당신에게 요청하는 요청을 한 것입니다.

50
00:04:00,630 --> 00:04:02,750
따라서 localhost 3000을 슬래시합니다.

51
00:04:02,820 --> 00:04:04,160
그래서 아무 것도 없습니다.

52
00:04:04,530 --> 00:04:10,560
우리는 이것을 루트 경로 또는 기본적으로 우리가 원하는 홈 페이지라고 부릅니다.

53
00:04:10,560 --> 00:04:15,840
이렇게 다시 나는 localhost 3000에 가고 들어갔다.

54
00:04:16,200 --> 00:04:38,430
그리고 그 코드는 나에게 약간의 코드를주었습니다. 그러나 만약 내가 localhost 3000 slash dog에 갔다면, 다른 소스를 볼 수있는 페이지 소스를 볼 수 있습니다. 처음에 얻은 내용과 다른 내용을 더 얻을 수 있습니다. 이것은 다른 행이나 다른 경로이기 때문입니다.

55
00:04:38,430 --> 00:04:42,670
그래서이 경우 나는 슬래시를 요구하는 것이 아닙니다.

56
00:04:42,840 --> 00:04:44,840
나는 슬래시 개를 요구하고 있었다.

57
00:04:45,210 --> 00:04:54,570
터미널 출력을 살펴보면 슬래시 받기 요청이나 개를 슬래시하는 요청이 달라지는 것을 알 수 있습니다.

58
00:04:54,570 --> 00:04:59,630
이것은 단지 나에게 보여주기 때문에 일어나는 일을 보여줄 수는 있지만 이것은 논리가 아니거나 아무것도 아닙니다.

59
00:04:59,640 --> 00:05:03,010
그것은 요청이 들어오는 창입니다.

60
00:05:03,390 --> 00:05:05,330
좋아요, 그게 요청의 측면입니다.

61
00:05:05,430 --> 00:05:08,760
내가 엔터를 누르면 요청을합니다.

62
00:05:08,760 --> 00:05:09,720
여기 같은거야.

63
00:05:09,930 --> 00:05:12,430
나는 그들을 두 개의 다른 장소로 만들고있다.

64
00:05:12,780 --> 00:05:16,680
물론 우편 배달부들에게도 요청을 할 수 있습니다.

65
00:05:16,680 --> 00:05:21,250
자, localhost 3000을 만들고 요청 해 봅시다.

66
00:05:21,300 --> 00:05:25,890
잠시 시간을내어 보내기를 클릭했을 때 우리가보기를 기대하는 것에 대해 생각해보십시오.

67
00:05:27,100 --> 00:05:43,490
거기에 우리가 간다. 나는 똑같은 H-1을 얻는다. 그리고 만약 내가 로컬 호스트 3000 스래쉬 개를 요청하고 나는 우리가 브라우저에서 히트로 요청을 할 때 얻은 것과 동일한 HD 메일을 보낸다. 들어가다.

68
00:05:43,500 --> 00:05:47,790
이제는이 모든 것을 서버 측에서 발생시키는 논리에 대해 이야기 해 봅시다.

69
00:05:48,110 --> 00:05:54,940
그래서 나는이 세 부분, 특히이 두 부분에 대해 고상하게 돌아가 초점을 맞출 것입니다.

70
00:05:55,320 --> 00:06:00,230
나는이 주제에 대해 부러진 기록이지만 구문이 중요한 부분이 아니라는 것을 압니다.

71
00:06:00,270 --> 00:06:04,960
우리는 실제로 중요하지 않은 경로를 실제로 작성하는 데 많은 시간을 할애 할 것입니다.

72
00:06:05,010 --> 00:06:15,450
중요한 것은이 첫 번째 작은 청크에서이 코드가 슬래시 받기 요청을 수신한다는 점입니다.

73
00:06:15,720 --> 00:06:20,400
그런 일이 발생하면 우리는 집이라고 불리는 페이지를 렌더링합니다.

74
00:06:20,400 --> 00:06:29,690
다시 한 번 로컬 호스트 3000을 슬래시하기 위해 요청을 받으면 아무것도 가정을 렌더링하지 않을 것입니다.

75
00:06:30,030 --> 00:06:32,660
그리고 여기에 나는 집이라는 파일이 있습니다.

76
00:06:32,670 --> 00:06:34,560
Ejay yess는 중요하지 않습니다.

77
00:06:34,860 --> 00:06:38,360
그리고 그 안에 H1이라는 홈페이지가 있습니다.

78
00:06:38,430 --> 00:06:45,980
그러니 그곳에 다른 단락을 추가하고 저장하십시오.

79
00:06:46,720 --> 00:06:58,740
그리고 이제 그들은 요청을받을 때만 슬래시를 요청합니다. 그 파일의 내용을 저에게 보내 주면 그 변경 사항이 실제로 서버를 다시 시작해야합니다.

80
00:06:58,800 --> 00:07:07,590
이제부터 시작하겠습니다.이 부분을 옆에두면 Chrome으로 돌아가서 내 서버를 다시 가져옵니다.

81
00:07:08,220 --> 00:07:11,730
나는 localhost 3000에게 요청을 할 것이다.

82
00:07:11,970 --> 00:07:16,380
보시다시피, 요청이 내려 졌다고 나에게 알려줍니다.

83
00:07:16,830 --> 00:07:19,530
그리고 우리는이 내용을 되 찾았습니다.

84
00:07:19,590 --> 00:07:26,480
그래서 여기서 다시 우리의 코드는 우리가 요청을 슬래시 받고 어떤 파일을 다시 보낼지를 청취하는 것입니다.

85
00:07:26,490 --> 00:07:33,550
이제 여기에 또 다른 더 복잡한 버전의 개를 슬래시 요청을 듣고있어.

86
00:07:33,930 --> 00:07:36,250
그리고 여기에 다른 코드가 있습니다.

87
00:07:36,390 --> 00:07:37,740
그리고 나는 단지 코멘트를 읽을 것입니다.

88
00:07:37,740 --> 00:07:44,930
여기서 일어나는 모든 일은 데이터베이스에서 모든 개를 얻는 것입니다. 그래서 나는 이미 데이터베이스에있는 일부를 가지고 있습니다.

89
00:07:45,190 --> 00:07:54,350
그리고 다음 부분은 개 파일을 렌더링하고 우리는 지금 당장 그 파일을 남겨 둘 것입니다.

90
00:07:54,390 --> 00:07:59,430
그래서 우리는 데이터베이스에있는 모든 개를 가져 와서 여기있는 개 파일을 렌더링합니다.

91
00:07:59,710 --> 00:08:01,390
그리고 이것은 조금 다른 것처럼 보입니다.

92
00:08:01,410 --> 00:08:02,940
그 사람뿐이 아닙니다.

93
00:08:02,970 --> 00:08:05,740
우리는 전에 보지 못했던 이상한 것들을 가지고 있습니다.

94
00:08:06,030 --> 00:08:14,230
하지만 하루가 끝날 때 우리의 앱이 개를 내리려고 할 때 강아지를 내리려고하는 요청을 듣고 있습니다.

95
00:08:14,340 --> 00:08:22,330
그것이 하나가되면 데이터베이스의 모든 개를 가져오고 각 개에는 이름과 품종이 있으며 각각에 대해 약간의 거짓말을합니다.

96
00:08:22,470 --> 00:08:25,600
그래서 이들 각각은 이름과 품종을 가진 동맹 자입니다.

97
00:08:26,100 --> 00:08:38,740
그래서 다시 요청을 얻고 슬래시 개를 요청하는 두 개의 경로가 있습니다. 두 개의 다른 파일과 논리를 취합니다. 개를 슬래시로 갈 때 대 슬래시를 할 때입니다.

98
00:08:38,880 --> 00:08:41,910
아무런 일도 일어나지 않고 있습니다.

99
00:08:41,910 --> 00:08:44,530
단지 정적 인 페이지를 제공하는 것입니다.

100
00:08:44,880 --> 00:08:46,140
그러나 이것은 정적이지 않습니다.

101
00:08:46,260 --> 00:08:49,260
이는 데이터베이스의 내용에 달려 있습니다.

102
00:08:50,160 --> 00:08:56,830
여기에있는 서버로 돌아가서이 코드에 대해 조금 이야기하겠습니다.

103
00:08:57,480 --> 00:09:02,910
그래서 우리는 페이지를 Dogs라고하는 템플릿으로 렌더링하고 있습니다.이 템플릿은 바로 여기 개가 쓰는 것입니다.

104
00:09:03,120 --> 00:09:23,890
예.하지만이 템플릿에 데이터를 전달하는 이유는 여기에 resti dash mutt라는 아군이 없기 때문이며 나중에 템플릿에서 다른 템플릿을 사용하지 않기 때문에 왜 그렇게 대담합니까? 브라우저에 들어가고있어.

105
00:09:24,000 --> 00:09:26,160
그러나 우리 파일에는 그러한 것이 없습니다.

106
00:09:26,250 --> 00:09:27,810
그리고 그것이 동적이게됩니다.

107
00:09:27,840 --> 00:09:32,970
이 파일은 데이터베이스에있는 내용에 따라 달리 할 때마다 다를 수 있습니다.

108
00:09:32,970 --> 00:09:51,000
그래서 우리가 실제로하는 일은 우리가하고 싶은 일을위한 템플릿이나 패턴을 정의하는 것입니다. 우리는 각 개 개 물건을위한 것입니다. 우리는 우리가 이름을 굵게 또는 강하게 대담하게 만들려는 동맹국을 만들고 싶습니다. 일반 텍스트.

109
00:09:51,000 --> 00:10:02,610
그래서 우리가 검색하는 데이터베이스의 모든 개를이 방법으로 끝내는 방법입니다. 우리는 반복하여 굵은 대시로 이름을 지어 단 하나의 동맹자를 만들 것입니다.

110
00:10:02,610 --> 00:10:03,780
그래서 그걸 맡겨.

111
00:10:03,780 --> 00:10:05,010
이제 요약 해 보겠습니다.

112
00:10:05,160 --> 00:10:10,140
여기에 서버를 만드는 코드가 있습니다.

113
00:10:10,140 --> 00:10:13,820
이 모든 것이 우리 서버를 만드는 유일한 코드입니다.

114
00:10:13,950 --> 00:10:16,190
우리는 일부 설정 코드가 중요하지 않습니다.

115
00:10:16,200 --> 00:10:18,820
일부 데이터베이스 코드는별로 중요하지 않습니다.

116
00:10:18,840 --> 00:10:21,320
그리고이 두 경로와 그것들은 많이 중요합니다.

117
00:10:21,630 --> 00:10:30,180
따라서 우리가 요청한 모든 것에 따라 다른 코드와 다른 파일을 얻는 방법입니다. 요청을 받으면 슬래시를 요구합니다.

118
00:10:30,330 --> 00:10:38,280
우리는 집에 하나의 파일을 집어 넣고 강아지를 구하라는 요청을 받고 더 많은 일이 뒤에서 일어납니다.

119
00:10:38,430 --> 00:10:42,720
그것은 데이터베이스에있는 모든 개를 찾은 다음 해당 개를 렌더링합니다.

120
00:10:42,930 --> 00:10:49,170
하지만 강아지 파일은 동적입니다. 왜냐하면 여러 개의 개를 가져 가기 때문입니다.

121
00:10:49,170 --> 00:10:50,410
그것은 동맹국이된다.

122
00:10:50,520 --> 00:10:55,230
그래서 우리가 데이터베이스에 10000 개의 개가 있다면 우리는 10000 명의 동맹국이 될 것입니다.

123
00:10:55,920 --> 00:11:08,490
가장 마지막으로해야 할 점은 텍스트 편집기를 사용하여 서버를 실행하는 터미널이 있고 브라우저를 방문하여 요청을함으로써 해당 웹 페이지를 방문한다는 것입니다.

124
00:11:08,520 --> 00:11:10,370
그것들은 우리가 필요로하는 세 가지 도구입니다.

125
00:11:10,410 --> 00:11:19,780
그래서이 세 가지 텍스트 편집기는 우리가 터미널에서 코드를 작성하거나 서버를 시작하고 청취 할 수있는 곳에서 코드를 작성합니다.

126
00:11:20,100 --> 00:11:24,420
그리고 나서 마침내 우리가 실제로 가서 요청할 수있는 브라우저입니다.

127
00:11:24,630 --> 00:11:34,540
따라서 우리는 브라우저를 사용할 필요가 없습니다. 우리는 우편 배달부를 사용할 수 있지만, 우리는 다음 몇 개의 비디오에서 우리 자신의 웹 응용 프로그램을 작성하기 시작할 때 실제로 우편 게시자를 사용하여 웹 페이지와 상호 작용하지 않습니다.

128
00:11:34,560 --> 00:11:36,780
우리는이 세 가지 도구를 사용할 것입니다.

129
00:11:36,960 --> 00:11:42,440
그래서 우리는 텍스트 편집기를 브라우저와 터미널 또는 서버를 실행할 어딘가에 갖게 할 것입니다.