1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:10,960
[음악 연주]

3
00:00:10,960 --> 00:00:12,960
로저 ZURAWICKI : 안녕하세요, 제
이름은 로저 Zurawicki입니다

4
00:00:12,960 --> 00:00:16,410
나는 취재됩니다
CS50 유성 세미나.

5
00:00:16,410 --> 00:00:21,520
유성은 새로운 프레임 워크입니다
웹의 새로운 종류에 전념,

6
00:00:21,520 --> 00:00:25,220
PHP는 요청을하지
앞뒤로 종류

7
00:00:25,220 --> 00:00:29,070
웹의 우리는 phpp의 세트에서 본
하지만 더 동적 인 자바 스크립트

8
00:00:29,070 --> 00:00:31,370
웨브의 부분.

9
00:00:31,370 --> 00:00:36,260
상황이 유성을 수행 할 수 있습니다
라이브 업데이트를 포함

10
00:00:36,260 --> 00:00:42,380
즉시 통신
동일한 웹 사이트의 사용자들 사이.

11
00:00:42,380 --> 00:00:46,420
>> 이 세미나를 위해, 우리는이
코드 내 GitHub의에서 개최했다.

12
00:00:46,420 --> 00:00:49,690
이 URL로 이동하여 다운로드 할 수 있습니다.

13
00:00:49,690 --> 00:00:53,085
당신이 힘내를 사용하는 방법을 알고 있다면,
당신은 저장소를 복제 할 수 있습니다.

14
00:00:53,085 --> 00:00:55,460
당신이 사용하는 방법을 모르는 경우
힘내 또는 GitHub에 사용하지 않은,

15
00:00:55,460 --> 00:00:57,030
그 완전히 괜찮아요.

16
00:00:57,030 --> 00:01:00,480
나는 빨리 정말 당신을 보여줍니다
우리는 GitHub의에 갈 수있는 방법,

17
00:01:00,480 --> 00:01:03,604
과에 옵션있다
바로 거기에 지퍼를 다운로드합니다.

18
00:01:03,604 --> 00:01:06,770
이 디렉토리를 다운로드하면,
우리의 코드와 함께 연주 시작할 수 있습니다.

19
00:01:06,770 --> 00:01:10,200

20
00:01:10,200 --> 00:01:13,190
>> 유성에 대한 자세한 정보
meteor.com에서 찾을 수 있습니다.

21
00:01:13,190 --> 00:01:16,580
세미나 폴더에서, 나는 실제로
우리가 사용할 수있는 몇 가지 유성 프로젝트를 가지고있다.

22
00:01:16,580 --> 00:01:20,380

23
00:01:20,380 --> 00:01:26,400
우리가 가지고있는 폴더 중 하나에 우리의
세미나 프로젝트는 수행 할 작업의 응용 프로그램입니다.

24
00:01:26,400 --> 00:01:28,780
그래서 나는 그것으로 가면,
유성가 설치되어 있습니다.

25
00:01:28,780 --> 00:01:35,690
그래서 그것을 실행하는 데, 난 그냥 입력해야합니다
유성, 유성이 설치됩니다.

26
00:01:35,690 --> 00:01:38,310
당신이 볼 수 있듯이, 우리는에있다
우리는 유성을 설치해야합니다.

27
00:01:38,310 --> 00:01:40,562
그래서 난 그냥 갈거야
그것은 한 번 더 실행

28
00:01:40,562 --> 00:01:42,520
확인해야하는 유성
제대로 설치됩니다.

29
00:01:42,520 --> 00:01:46,370

30
00:01:46,370 --> 00:01:48,450
>> 나는 유성을 가지고 있지만
설치, 난 당신을 표시 할 수 있습니다

31
00:01:48,450 --> 00:01:53,760
유성 사이트의 일부 라이브 데모
인터넷에서 지금 생중계.

32
00:01:53,760 --> 00:01:57,990
나는 우리의 응용 프로그램의 데모가있다.

33
00:01:57,990 --> 00:02:00,740
다음 URL에서 액세스 할 수 있습니다.

34
00:02:00,740 --> 00:02:06,350
이 할 수있는 응용 프로그램입니다 우리
우리의 세미나 디렉토리에 있습니다.

35
00:02:06,350 --> 00:02:09,940
이것에 대한 URL입니다
rozu-rabbit.meteor.com.

36
00:02:09,940 --> 00:02:14,782
당신이 볼 수 있다는 유성 실제로 것
무료로 유성 프로젝트를 호스팅.

37
00:02:14,782 --> 00:02:17,490
그리고 세미나 끝나면
당신은뿐만 아니라이 작업을 수행 할 수 있습니다.

38
00:02:17,490 --> 00:02:20,550

39
00:02:20,550 --> 00:02:22,160
>> 이 목록을 수행하는 응용 프로그램입니다.

40
00:02:22,160 --> 00:02:27,740
그리고 당신은 로그인 할 수 있습니다 생성
계정 및 작업을 추가 할 수 있습니다.

41
00:02:27,740 --> 00:02:30,020
당신과 같이 계정을 만들 수 있습니다.

42
00:02:30,020 --> 00:02:33,050

43
00:02:33,050 --> 00:02:35,850
그리고 지금, 한 번 당신은이
계정, 당신은 작업을 추가 할 수 있습니다.

44
00:02:35,850 --> 00:02:42,780
예를 들어, 하나의 태스크 I
내 세탁을 데리러 갈 필요가 있습니다.

45
00:02:42,780 --> 00:02:45,160
그리고 당신은이에 있다면
사이트 온라인, 당신은거야

46
00:02:45,160 --> 00:02:49,790
실제로이 태스크를 참조
실시간으로 컴퓨터.

47
00:02:49,790 --> 00:02:53,760
>> 나는 당신에게 빠른 데모를 표시 할 수 있습니다
개방 rozu - 토끼하여이의

48
00:02:53,760 --> 00:02:56,700
같은 URL과 다른 탭에서.

49
00:02:56,700 --> 00:03:00,360
그리고 우리는 동일한 데이터가 오는 것을 알 수있다.

50
00:03:00,360 --> 00:03:02,240
우리는 또한 그것을 실행할 수 있습니다
다른 브라우저.

51
00:03:02,240 --> 00:03:03,420
나는 사파리에서 실행 말.

52
00:03:03,420 --> 00:03:04,720
우리가 로그인하지 않은 그런 식으로.

53
00:03:04,720 --> 00:03:07,750

54
00:03:07,750 --> 00:03:11,060
그래서 우리는 같은 유성이
응용 프로그램 및이로드되면,

55
00:03:11,060 --> 00:03:13,910
우리는 동일한 데이터를 볼 수 있습니다
우리는 처음에했다.

56
00:03:13,910 --> 00:03:16,710
당신이 볼 수 있듯이, 여기에 기록 아니에요.

57
00:03:16,710 --> 00:03:20,000
그리고 때 관객 검사 데이터,
모든 브라우저에서 업데이트

58
00:03:20,000 --> 00:03:20,910
동시에.

59
00:03:20,910 --> 00:03:23,740
이것은 정말 중 하나입니다
유성에 대한 멋진 기능.

60
00:03:23,740 --> 00:03:27,700
거의 작업과 함께, 당신
라이브 업데이트 응용 프로그램을

61
00:03:27,700 --> 00:03:31,240
그 모두에 변경
한 번에 당신의 장치.

62
00:03:31,240 --> 00:03:36,690
>> 여기에있는 확인란을 선택하면
내 할 목록에, 우리는해야합니다,

63
00:03:36,690 --> 00:03:41,230
내 다른 크롬 브라우저에서,
항목을 체크 해제.

64
00:03:41,230 --> 00:03:42,605
그리고이 순간적으로 발생합니다.

65
00:03:42,605 --> 00:03:46,340

66
00:03:46,340 --> 00:03:47,280
좋아.

67
00:03:47,280 --> 00:03:52,730
그래서 유성처럼 보인다
설치가 준비가되어 있습니다.

68
00:03:52,730 --> 00:03:57,000
그래서 지금의이로 돌아 가자
수행 할 작업의 응용 프로그램은 로컬로 실행합니다.

69
00:03:57,000 --> 00:04:01,599
>> 당신은 유성 프로젝트가있는 경우에, 당신은 할 수 있습니다
단지 명령 유성으로 실행합니다.

70
00:04:01,599 --> 00:04:03,640
이, 유성을 수행하면
어떤 준비를 할 것입니다

71
00:04:03,640 --> 00:04:06,120
모두 확인합니다
코드는 검사입니다.

72
00:04:06,120 --> 00:04:12,440
그리고, 그것은 당신을 말해주지
이 프로젝트는 제공 될 준비가되어 있습니다.

73
00:04:12,440 --> 00:04:17,750
당신은 허용해야 할 수 있습니다 당신의
방화벽, 컴퓨터 차단합니다 경우.

74
00:04:17,750 --> 00:04:22,440
>> 그래서 유성은 나에게 말해주고있는 걸
당장은이 웹 사이트에있다

75
00:04:22,440 --> 00:04:26,100
내 로컬 컴퓨터에, 내가 볼 수 있습니다
이 유성 프로젝트는 무엇인지.

76
00:04:26,100 --> 00:04:29,290
지금, 내 응용 프로그램이 있습니다
인터넷에 액세스 할 수 없다.

77
00:04:29,290 --> 00:04:35,170
우리는 당신의 유성을 가지고하는 방법을 다룰 것이다
조금 나중에 라이브 사이트에 응용 프로그램.

78
00:04:35,170 --> 00:04:40,510
그래서 난 그냥이 복사거야
URL은 현재와 구글 크롬으로 이동합니다.

79
00:04:40,510 --> 00:04:42,600
>> 그리고 이것은이하는 것입니다
예로부터 나열합니다.

80
00:04:42,600 --> 00:04:46,080
당신은 그들이 구현 볼 수 있습니다
여기에 몇 가지 기능을 제공합니다.

81
00:04:46,080 --> 00:04:49,210
우리는 우리가 다른 탭이
같은 계정 기능을 가지고,

82
00:04:49,210 --> 00:04:52,141
우리는 새로운 목록을 추가 할 수 있습니다.

83
00:04:52,141 --> 00:04:54,140
이제, 하나의 정말
유성에 대한 멋진 기능

84
00:04:54,140 --> 00:04:57,450
그뿐만 아니라 할 수있는이입니다
웹 브라우저에서 작동,

85
00:04:57,450 --> 00:05:00,030
하지만 당신은 만들 수 있습니다
네이티브 아이폰과 안드로이드

86
00:05:00,030 --> 00:05:02,990
폰갭라는 도구를 통해 애플 리케이션.

87
00:05:02,990 --> 00:05:06,740
>> 그래서 일부 프로젝트는 올 것이다
실행하기위한 사전 구성

88
00:05:06,740 --> 00:05:08,700
이 수행 할 작업 응용 프로그램처럼 아이폰 OS에.

89
00:05:08,700 --> 00:05:14,780
그래서 내가해야 할 모든 아이폰 OS에서 실행하는
다음 유성, 실행하고 아이폰 OS를 입력합니다.

90
00:05:14,780 --> 00:05:17,540
그리고 유성, 그렇게 할 때
패키지를 다시 준비합니다.

91
00:05:17,540 --> 00:05:21,670
이 준비되면 그리고, 그것은거야
내 명령에 아이폰 OS 시뮬레이터를로드합니다.

92
00:05:21,670 --> 00:05:24,745
당신은 아이폰 OS 응용 프로그램을 실행할 수 있습니다
당신이 경우 맥 컴퓨터가 있습니다.

93
00:05:24,745 --> 00:05:27,650

94
00:05:27,650 --> 00:05:30,730
당신은 당신의 응용 프로그램을 실행할 수 있습니다
모든 플랫폼에서 안드로이드.

95
00:05:30,730 --> 00:05:34,070

96
00:05:34,070 --> 00:05:38,290
>> 그래서 지금 당신이 볼 수있는 내 아이폰
시뮬레이터는 내 화면에왔다.

97
00:05:38,290 --> 00:05:40,370
단지 순간에,
이 응용 프로그램과 함께로드합니다.

98
00:05:40,370 --> 00:05:46,070

99
00:05:46,070 --> 00:05:48,490
우리는 그냥 비트를 한 경우
작은는, 화면에 맞게

100
00:05:48,490 --> 00:05:50,780
우리는 우리가 우리의 아이폰 애플 리케이션을 참조하십시오.

101
00:05:50,780 --> 00:05:53,220
그리고 바로 그래서 우리는하지 않습니다
혼란, 만들자

102
00:05:53,220 --> 00:05:59,790
우리가 같은에 있는지
웹 사이트, 로컬 호스트 3000.

103
00:05:59,790 --> 00:06:03,490
>> 그래서 여기 예입니다
내가 가지고있는 유성 앱,

104
00:06:03,490 --> 00:06:08,770
모두에서 실행 수행 할 작업 응용 프로그램,
전화 및 웹 브라우저.

105
00:06:08,770 --> 00:06:10,770
그리고 물건을 변경할 때
웹 브라우저에서,

106
00:06:10,770 --> 00:06:12,675
즉시 전화로 이동합니다.

107
00:06:12,675 --> 00:06:16,500
그리고 내가 전화에 뭔가를 삭제할 수 있습니다,
그리고 웹 브라우저의 변화.

108
00:06:16,500 --> 00:06:21,050
>> 지금, 일반적으로 기본 만들 수
아이폰 OS 나 안드로이드 폰 앱,

109
00:06:21,050 --> 00:06:26,090
당신은 자바 또는를 알 필요가
목표 C. 기술 유성 사용

110
00:06:26,090 --> 00:06:29,240
자바 스크립트로 실행할 수 있도록
앱은 폰갭라고합니다.

111
00:06:29,240 --> 00:06:31,320
어떤 앱 본질적으로
있는 웹 브라우저입니다.

112
00:06:31,320 --> 00:06:34,500
그리고 유성은 모든 처리
관련된 까다로운 부품

113
00:06:34,500 --> 00:06:39,820
해당 웹 브라우저를 데려에 대한
귀하의 아이폰이나 안드로이드 장치.

114
00:06:39,820 --> 00:06:42,210
당신은 볼 수 있습니다
사용자 인터페이스는, 평활

115
00:06:42,210 --> 00:06:45,290
그것은 외모와 매우 느낌
많은 네이티브 어플이 좋다.

116
00:06:45,290 --> 00:06:48,620
나는 집에 갈 것을 통지하는 경우
화면 지금, 나는 또한 아이콘을 얻을.

117
00:06:48,620 --> 00:06:50,880
이 같은 웹 페이지가 없습니다
당신은 사파리에서 찾을 것입니다.

118
00:06:50,880 --> 00:06:51,860
이것은 자신의 응용 프로그램입니다.

119
00:06:51,860 --> 00:06:54,130
당신은 설치하고
당신이 원하신다면 삭제합니다.

120
00:06:54,130 --> 00:06:59,500

121
00:06:59,500 --> 00:07:04,436
>> 우리는 어떤 코드를 보여 간단히 할 수 있습니다
수행 할 작업의 이런 종류의 응용 프로그램처럼 보인다.

122
00:07:04,436 --> 00:07:08,260
당신이 수행 할 작업 폴더에 보면,
당신은 많은 폴더가 표시됩니다.

123
00:07:08,260 --> 00:07:11,440
그러나 과정을 통해
세미나, 우리는거야

124
00:07:11,440 --> 00:07:14,780
각 폴더가 사용되는지 이해합니다.

125
00:07:14,780 --> 00:07:17,830
의 터미널로 가자 그래서 우리는
조금 더 나은 파일을 볼 수 있습니다.

126
00:07:17,830 --> 00:07:20,410
>> 내가 컨트롤을 눌러거야
C는 서버를 중지합니다

127
00:07:20,410 --> 00:07:22,770
지금은 다시 일하러 응용 프로그램에있어.

128
00:07:22,770 --> 00:07:26,660
나는처럼, 여기에 다른 폴더가
클라이언트 폴더, 서버 폴더.

129
00:07:26,660 --> 00:07:30,500
그리고 이러한 폴더는 단순히 의미
클라이언트 폴더에있는 모든

130
00:07:30,500 --> 00:07:32,630
웹 브라우저에서 실행됩니다.

131
00:07:32,630 --> 00:07:35,530
서버 폴더에있는 모든
서버에서 실행됩니다.

132
00:07:35,530 --> 00:07:38,100
>> 내가 지적하고 싶어요
밖으로 우리가했던 일 것입니다

133
00:07:38,100 --> 00:07:42,140
우리는 우리의 전화 실행했을 때와
우리의 웹 브라우저는 이러한 고객했다.

134
00:07:42,140 --> 00:07:45,730
그러나이에서 실행중인
단말기, 즉 서버입니다.

135
00:07:45,730 --> 00:07:48,710
우리는 같은 다른 폴더가
라이브러리 코드 LIB,

136
00:07:48,710 --> 00:07:51,050
도우미 등
기능을 수행 할 수 있습니다

137
00:07:51,050 --> 00:07:53,710
클라이언트와 서버 모두 사용.

138
00:07:53,710 --> 00:07:55,820
그리고 당신은 공공이
폴더 및 자원

139
00:07:55,820 --> 00:07:59,310
점점 필요한 폴더
이미지와 다른 CSS로드.

140
00:07:59,310 --> 00:08:02,630

141
00:08:02,630 --> 00:08:09,360
>> 당신이 유성이 설치 한 경우, 우리는 것
유성에 대한 자습서를 계속합니다.

142
00:08:09,360 --> 00:08:12,790
당신은이 URL로 이동할 수 있습니다
meteor.com/install,

143
00:08:12,790 --> 00:08:17,990
명령 줄을 얻기 위해 그 I
유성를 설치하는 방법을 설명했다.

144
00:08:17,990 --> 00:08:20,240
우리는 먼저 거치게됩니다
몇 단계는 더 나은를 얻을 수 있습니다

145
00:08:20,240 --> 00:08:22,760
유성를 설치하는 방법에 대한 생각합니다.

146
00:08:22,760 --> 00:08:28,000
>> 하지만 먼저, 난 그게 중요하다고 생각합니다
우리는 자바 스크립트의 약간을 검토합니다.

147
00:08:28,000 --> 00:08:32,360
당신에게 방법의 예를 표시하려면
우리의 C 지식을 번역 할 수 있습니다

148
00:08:32,360 --> 00:08:34,950
자바 스크립트에, 나는했습니다
몇 가지 예를 만들었습니다.

149
00:08:34,950 --> 00:08:36,940
그들은 JS 디렉토리에 있습니다.

150
00:08:36,940 --> 00:08:41,750
세미나는 폴더 경우에 따라서
JS라는 폴더가있다, 봐.

151
00:08:41,750 --> 00:08:44,540
그리고 여기에서 우리는 몇 가지 예를 가지고있다.

152
00:08:44,540 --> 00:08:50,120
>> 의 첫 번째를 열겠습니다
예와 매우 빠르게 참조하십시오.

153
00:08:50,120 --> 00:08:53,980
우리가 참조하는 표준입니다
세계 명령을 안녕하세요.

154
00:08:53,980 --> 00:08:56,520
당신은 C에서 알 당신을
대부분의 라인.

155
00:08:56,520 --> 00:09:00,490
그리고 CS50 학생들이 알고,
우리는 주요 기능이 필요합니다,

156
00:09:00,490 --> 00:09:05,730
우리는 표준을 포함​​해야
I / O의 printf를 호출하기 위해 도서관.

157
00:09:05,730 --> 00:09:09,320
>> 의 자바 스크립트를 비교하는 방법을 살펴 보자.

158
00:09:09,320 --> 00:09:11,560
나는 ex1.js.을 열거야

159
00:09:11,560 --> 00:09:14,650
주석 것은 무엇 인
코드는 같을 것이다 C,

160
00:09:14,650 --> 00:09:17,550
아래 라인이 전부입니다
당신은 노드에서 실행해야합니다.

161
00:09:17,550 --> 00:09:20,452
당신은, 당신을 주 기능이 필요하지 않습니다
모든 파일을 포함 할 필요가 없습니다,

162
00:09:20,452 --> 00:09:21,660
당신은 반환 할 필요가 없습니다.

163
00:09:21,660 --> 00:09:23,810
당신은 CONSOLE.LOG를 호출합니다.

164
00:09:23,810 --> 00:09:26,370
이것은 당신의 printf와 동일합니다.

165
00:09:26,370 --> 00:09:29,310
>> 그리고 동일한 소요
인수는 것의 printf.

166
00:09:29,310 --> 00:09:33,870
그리고이를 실행하기 위해,
대신 EX1을 실행,

167
00:09:33,870 --> 00:09:38,930
당신은 단지 노드 ex1.js.를 부를 것이다

168
00:09:38,930 --> 00:09:41,830
그런 다음 노드를 작성하고
파일, 그리고 치일.

169
00:09:41,830 --> 00:09:43,580
그것은 컴파일되지 않습니다.

170
00:09:43,580 --> 00:09:45,970
자바 스크립트는 인터프리터 언어이다.

171
00:09:45,970 --> 00:09:49,150
그래서 할 필요는 없습니다
이 실행되기 전에 컴파일.

172
00:09:49,150 --> 00:09:53,450
내가 ex1.c를 실행하고 싶다면,
나는 먼저 확인해야

173
00:09:53,450 --> 00:09:59,160
그럼 내가 실행 파일을 실행할 수 있습니다
동일한 출력을 얻을 수 있습니다.

174
00:09:59,160 --> 00:10:02,460
>> 의 신속 몇 가지를 살펴보기로 하죠
다른 자바 스크립트 개념.

175
00:10:02,460 --> 00:10:04,490
의 예를 두 가지를 살펴 보자.

176
00:10:04,490 --> 00:10:14,690
ex2.js에서 ex2.c에서, 우리는 할 수
우리는 몇 가지 코드를 할 수 있음을 볼 수있다.

177
00:10:14,690 --> 00:10:16,550
내가 빨리 가자
더 나은 텍스트 편집기

178
00:10:16,550 --> 00:10:18,400
그 다음이 표시됩니다
새로운 라인을 조금 더.

179
00:10:18,400 --> 00:10:21,760

180
00:10:21,760 --> 00:10:22,380
좋아.

181
00:10:22,380 --> 00:10:24,190
여기에서 우리는 예를 들어 2.c.이

182
00:10:24,190 --> 00:10:27,360
여기에서 우리는 서로 다른 유형이
것을 우리는 밖으로 인쇄하는.

183
00:10:27,360 --> 00:10:30,880
우리가 알고 있듯이, printf의 소요
다른 퍼센트 인수

184
00:10:30,880 --> 00:10:34,050
데이터의 다른 조각에 액세스 할 수 있습니다.

185
00:10:34,050 --> 00:10:36,840
우리는 인쇄하려면
문자열, 우리는 % s을 (를) 호출합니다.

186
00:10:36,840 --> 00:10:40,390
우리는 부동를 호출 할 경우
지점 번호는, 우리는 % f를 불렀다.

187
00:10:40,390 --> 00:10:45,810
그리고를 호출하는 쉬운 방법이 없다
그것 참 또는 거짓 값 부울.

188
00:10:45,810 --> 00:10:50,760
당신이 % d 개를 사용하는 경우, 당신은 얻을 수 있습니다
0 또는 허위 사실에 대한 1.

189
00:10:50,760 --> 00:10:53,270
>> 자바 스크립트는 우리에게 조금 좋네요.

190
00:10:53,270 --> 00:10:57,740
자바 스크립트에서의이 몇 가지를 살펴 보자
차이는 우리는이 파일에 있습니다.

191
00:10:57,740 --> 00:11:05,790
첫째, 당신은 C에서 우리가이 것을 알 수
유형 모든 변수를 초기화합니다.

192
00:11:05,790 --> 00:11:06,940
S는 문자 스타입니다.

193
00:11:06,940 --> 00:11:08,930
이 문자열이고, 그것은
다른 유형이 될 수 없습니다.

194
00:11:08,930 --> 00:11:10,450
N은 부동이다.

195
00:11:10,450 --> 00:11:11,780
B는 BOOL입니다.

196
00:11:11,780 --> 00:11:14,220
>> 그러나 자바 스크립트,
동적 유형이있다.

197
00:11:14,220 --> 00:11:16,400
그게 당신이하지 않는 것을 의미한다
자바 스크립트를 알려줄 필요

198
00:11:16,400 --> 00:11:17,860
당신의 변수가 될 것입니다 어떤 종류.

199
00:11:17,860 --> 00:11:22,730
당신은 말할 변수 var에 이름
변수와 그 값의.

200
00:11:22,730 --> 00:11:24,690
그래서 VAR는 정말 아무것도 할 수있다.

201
00:11:24,690 --> 00:11:25,640
그것은 문자열이 될 수 있습니다.

202
00:11:25,640 --> 00:11:27,300
그것은 부동 소수점 숫자가 될 수 있습니다.

203
00:11:27,300 --> 00:11:28,560
그것은 문자가 될 수 있습니다.

204
00:11:28,560 --> 00:11:31,250
이 부울 수 있습니다.

205
00:11:31,250 --> 00:11:34,380
그리고 콘솔 로그는 약간 다르게 작동합니다.

206
00:11:34,380 --> 00:11:37,340
당신은 인쇄하려면
수, 당신은 % d 개를 호출합니다.

207
00:11:37,340 --> 00:11:41,740
그러나 대부분의 값이 될 수 있습니다
잘 문자열로 인쇄.

208
00:11:41,740 --> 00:11:46,220
>> 의 노드에서이 작업을 실행하자
무슨 일이 일어날 지 확인합니다.

209
00:11:46,220 --> 00:11:51,880
나는, 노드 ex2.js를 호출 할 수 있습니다
우리는 printf의받을

210
00:11:51,880 --> 00:11:56,870
값 CS50, N 등으로
부동 소수점 수,

211
00:11:56,870 --> 00:12:00,620
다음 부울로 B
사실 문자열로 변환.

212
00:12:00,620 --> 00:12:03,830
우리가 예를 들어 2.C 한 경우에 대해?

213
00:12:03,830 --> 00:12:09,630
음, 우리는 여전히이
printf의 더 많은 불만.

214
00:12:09,630 --> 00:12:13,110
주의 부동 점은
번호가 올바른 형식되어야한다,

215
00:12:13,110 --> 00:12:18,120
그리고 부울 단순히 수 없습니다
참 또는 거짓으로 표시 될 수있다.

216
00:12:18,120 --> 00:12:18,620
좋아.

217
00:12:18,620 --> 00:12:22,680
이제 예를 세 가지를 살펴 보자.

218
00:12:22,680 --> 00:12:26,470
예를 들어 세, 우리는 보여주고있다
당신은 루프를 사용하는 방법.

219
00:12:26,470 --> 00:12:27,630
실제로, 매우 간단하다.

220
00:12:27,630 --> 00:12:31,430
의 좋은 점 중 하나
자바 스크립트는 C 기반한다는 것이다.

221
00:12:31,430 --> 00:12:33,920
그 말은 많은 당신의
코드는 매우 유사합니다

222
00:12:33,920 --> 00:12:36,490
매우 거의 같은 느낌.

223
00:12:36,490 --> 00:12:39,220
루프, 유일한에서
정말 여기 변경

224
00:12:39,220 --> 00:12:41,840
대신 INT의 난입니다, 우리는 내가 VAR있다.

225
00:12:41,840 --> 00:12:45,470
우리는 여전히 가치를 할당 할 수 있습니다
제로는,이 다섯 이하의 확인

226
00:12:45,470 --> 00:12:49,390
하나 증가하여
++ 연산자.

227
00:12:49,390 --> 00:12:56,286
우리는 i에서 CONSOLE.LOG를 호출하고, 그
우리에게 각 라인 번호를 출력합니다.

228
00:12:56,286 --> 00:12:58,410
의 신속 정말 실행하자
이 출력 것을 볼 수 있습니다.

229
00:12:58,410 --> 00:13:02,320

230
00:13:02,320 --> 00:13:03,880
우리는 각 라인에 새 번호를 얻을.

231
00:13:03,880 --> 00:13:06,920
또 다른 것은 내가 당신을 원해요
CONSOLE.LOG에 통지

232
00:13:06,920 --> 00:13:09,960
당신이 작성하지 않은 것입니다
새로운 라인 백 슬래시 명.

233
00:13:09,960 --> 00:13:12,480
CONSOLE.LOG가 인쇄됩니다
한 줄에 모든 것을.

234
00:13:12,480 --> 00:13:14,585
즉, 좋은 기능이다
자바 스크립트는 우리를 준다.

235
00:13:14,585 --> 00:13:18,440

236
00:13:18,440 --> 00:13:22,600
>> 이제 예를 네를 열 수 있습니다.

237
00:13:22,600 --> 00:13:28,710
예를 네에서 먼저 C에서,
우리는 몇 가지 함수를 호출한다.

238
00:13:28,710 --> 00:13:33,290
우리가를 선언해야 알 수 있습니다
기능은 우리 주에서 사용하기 전에.

239
00:13:33,290 --> 00:13:37,250
우리가 가진 경우 주 제
다음 추가 한 다음 높은, 확인,

240
00:13:37,250 --> 00:13:39,540
그 소리, 또는 GCC 것
우리에게 말하는 오류를 줄

241
00:13:39,540 --> 00:13:41,060
그것은 높은 것을 알고하지 않습니다.

242
00:13:41,060 --> 00:13:42,780
그것은 무엇 추가 알 수 없습니다.

243
00:13:42,780 --> 00:13:46,480
C에서 그래서, 당신은에 대한 까다 롭고해야
당신이 당신의 함수를 호출하는 순서.

244
00:13:46,480 --> 00:13:49,220

245
00:13:49,220 --> 00:13:51,310
>> 의 방법 당신이 할 수있는 살펴 보자
자바 스크립트에서이 작업을 수행.

246
00:13:51,310 --> 00:13:56,060
우리는 서로 다른 파일이 존재하기 때문에
이 작업을 수행 할 수있는 몇 가지 방법이 있습니다.

247
00:13:56,060 --> 00:13:58,950
한 가지 방법은 꽤 많이있다
직접 번역.

248
00:13:58,950 --> 00:14:02,180
C 함수 때문에
형태를 돌려, 자바 스크립트

249
00:14:02,180 --> 00:14:05,210
정말 모르거나 상관하지 않는다
당신이 돌아 입력 한 내용에 대해,

250
00:14:05,210 --> 00:14:06,300
당신은 유형을 쓰지 않는다.

251
00:14:06,300 --> 00:14:08,100
대신, 당신은 단지 필요
함수를 작성하고,

252
00:14:08,100 --> 00:14:11,180
모든 것이 꽤
이전과 같은 많은.

253
00:14:11,180 --> 00:14:14,630
>> 당신처럼 변수를 가지고 때
우리는 x와 y를 작성해야합니다 추가.

254
00:14:14,630 --> 00:14:16,060
우리는 x는 int이며 말을 할 필요가 없습니다.

255
00:14:16,060 --> 00:14:18,940
우리는 y는 int이며 말을 할 필요가 없습니다.

256
00:14:18,940 --> 00:14:21,030
우리는 같은 구문으로 돌아갑니다.

257
00:14:21,030 --> 00:14:24,230
높은, 우리는 그것을 선언
대신 공허​​의 기능을 수행합니다.

258
00:14:24,230 --> 00:14:26,110
공지 사항 여부를 그
그것은, 무효 또는 비 무효이다

259
00:14:26,110 --> 00:14:28,380
그것은 여전히​​ 동일한 기능입니다.

260
00:14:28,380 --> 00:14:32,440
그리고 우리는 단순히 넣지 마십시오
괄호 안에 아무것도,

261
00:14:32,440 --> 00:14:34,690
그리고 C 코드처럼 아주 많이 보인다.

262
00:14:34,690 --> 00:14:37,460
그리고 아래, 우리는 아래를 호출 할 수 있습니다.

263
00:14:37,460 --> 00:14:42,730
>> 우리가 예를 들어, (b)를 보면, 우리는주의
것을 나는 몇 가지를 변경했습니다.

264
00:14:42,730 --> 00:14:45,340
내가 변경 한 유일한 것은
비록 실제로 순서이다.

265
00:14:45,340 --> 00:14:47,340
우리는 같은가
기능,하지만 지금은있어

266
00:14:47,340 --> 00:14:52,200
그들이 사용하고 후 발표
CONSOLE.LOG과 선 (18, 19)에 높은.

267
00:14:52,200 --> 00:14:54,740
당신이 C에서 이런 짓을하는 경우,
오류를 슬로우합니다.

268
00:14:54,740 --> 00:14:56,070
여기,이 잘 작동합니다.

269
00:14:56,070 --> 00:15:01,935
그리고 나는에 의해 당신이 보여줄 수
(b) 예에 노드를 호출.

270
00:15:01,935 --> 00:15:05,350

271
00:15:05,350 --> 00:15:10,130
>> 우리가 함수를 호출 할 수있는 또 다른 방법
변수로 기능을 절약하는 것입니다.

272
00:15:10,130 --> 00:15:13,790
마치 내가 변수 말했다
모든 유형을 가질 수 있습니다.

273
00:15:13,790 --> 00:15:16,720
가변 타입의 한개
할 수있는 기능입니다.

274
00:15:16,720 --> 00:15:19,800
당신이 예를 보면 그래서
내가 변경 한 것을 4C,

275
00:15:19,800 --> 00:15:24,320
여기 VAR 대신에 기능 추가의 추가이다.

276
00:15:24,320 --> 00:15:26,807
이제 함수와 동일 추가합니다.

277
00:15:26,807 --> 00:15:28,140
여기에이 기능은 익명입니다.

278
00:15:28,140 --> 00:15:33,346
이 이름이없는, 그래서 그것은 단지
함수 다음 괄호.

279
00:15:33,346 --> 00:15:35,220
그 후 구문
변경,하지만하지 않습니다

280
00:15:35,220 --> 00:15:38,300
명심해야합니까 그
당신은 당신이있어 변수가

281
00:15:38,300 --> 00:15:42,940
추가로 격납 기능 및
당신이 높은에 저장하는 변수입니다.

282
00:15:42,940 --> 00:15:47,620
>> 추가 및 높은 이제 변수이기 때문에
하지 기능, 뭔가 변경됩니다.

283
00:15:47,620 --> 00:15:50,190
이것은 내가을 참조하십시오 일반적인 버그
사람들의 자바 스크립트를 많이,

284
00:15:50,190 --> 00:15:52,410
뭔가 마음에 유지합니다.

285
00:15:52,410 --> 00:15:54,365
나는이 프로그램을 실행할 때의 일이 무엇인지 살펴 보자.

286
00:15:54,365 --> 00:15:57,410

287
00:15:57,410 --> 00:15:58,230
나는 오류가 발생합니다.

288
00:15:58,230 --> 00:16:01,000
그것은이 시점에서 정의되지 않은 말 것.

289
00:16:01,000 --> 00:16:03,520
그래서 그것을 말하는 것
이다 추가 알고하지 않습니다.

290
00:16:03,520 --> 00:16:06,010
>> 지금하지됩니다 추가 때문에
기능 추가는 변수입니다.

291
00:16:06,010 --> 00:16:10,100
그리고 당신은 실제로 부여하지 않은
당신이 그것을 사용하는 경우 아직 값을 추가합니다.

292
00:16:10,100 --> 00:16:14,460
그 곳의 경우 예를 들어, 4D, 우리에게 가져다
당신은 함수로 변수를 사용하려면,

293
00:16:14,460 --> 00:16:17,210
당신은 확인할 필요가 그들이
그들이 사용되기 전에 값을 얻을.

294
00:16:17,210 --> 00:16:20,200

295
00:16:20,200 --> 00:16:23,420
>> 의 다음 예를 다섯로 이동하자.

296
00:16:23,420 --> 00:16:27,390
여기서 우리는 이야기
C에서 C에서 구조체, 구조체

297
00:16:27,390 --> 00:16:30,320
그들에게이 고정 된 구조를 가지고
당신이 그들을 선언해야하기 때문에

298
00:16:30,320 --> 00:16:33,050
당신이 그것을 사용하기 전에, 그리고
내가 학생이 있다고,

299
00:16:33,050 --> 00:16:36,645
모든 학생이 정확하게있다
하나의 이름, 일년, 하나의 성.

300
00:16:36,645 --> 00:16:37,770
그것은 모두를 가져야한다.

301
00:16:37,770 --> 00:16:42,280
그것은 다른 값을 가질 수 없습니다,
그들은 특정 유형해야한다.

302
00:16:42,280 --> 00:16:47,540
>> 그 다음 우리는 초기화 할 수 있습니다
이 좋은 구문 구조체

303
00:16:47,540 --> 00:16:49,470
그 순서를 알고 있기 때문이다.

304
00:16:49,470 --> 00:16:51,460
그래서 로저 이름임을 알고있다.

305
00:16:51,460 --> 00:16:54,060
그것은 2016 인 것을 알고
올해 M은 성별

306
00:16:54,060 --> 00:16:58,200
우리가이 말 때문에
리스트는 구조체 학생입니다.

307
00:16:58,200 --> 00:17:01,607
그리고 당신은 인쇄 할 수 있습니다
그것은, s.name에 접근.

308
00:17:01,607 --> 00:17:03,690
우리가 어떻게 것 보자
자바 스크립트로 그 변환합니다.

309
00:17:03,690 --> 00:17:06,400

310
00:17:06,400 --> 00:17:09,790
지금입니다 s에 주목
변수는, 어떤 유형이 없습니다.

311
00:17:09,790 --> 00:17:10,920
다시는 단지 VAR입니다.

312
00:17:10,920 --> 00:17:14,480
이 경우 문제가되지 않기 때문에
이 변수의 타입은 포인터입니다

313
00:17:14,480 --> 00:17:17,440
이 구조체, 또는 다른 것입니다.

314
00:17:17,440 --> 00:17:19,650
우리는 약간 다른 구문을 가지고있다.

315
00:17:19,650 --> 00:17:21,890
이 구문은 개체 구문입니다.

316
00:17:21,890 --> 00:17:24,400
>> 당신은 JSON에서 보셨을.

317
00:17:24,400 --> 00:17:27,780
JSON 실제로 의미
자바 스크립트 객체 표기법.

318
00:17:27,780 --> 00:17:31,240
이것은 당신이 정의하는 방법이다
자바 스크립트의 객체.

319
00:17:31,240 --> 00:17:34,500
우리는 인, 키가
이름과 같은 값입니다.

320
00:17:34,500 --> 00:17:37,680
그리고 우리는에 값 제공
결장의 타측.

321
00:17:37,680 --> 00:17:41,850
그리고 한 가지 유념해야 할 것은 당신입니다
이름과 연도를 할 필요가 없습니다

322
00:17:41,850 --> 00:17:42,980
및 개체에 대한 성별.

323
00:17:42,980 --> 00:17:44,570
객체는 값이없는 수 있습니다.

324
00:17:44,570 --> 00:17:46,920
그것은 당신이 원하는만큼을 가질 수 있습니다.

325
00:17:46,920 --> 00:17:50,375
>> 우리는 이러한 개체를 사용할 수 있습니다
같은 방법으로 우리는 s.name을 구조체를 사용합니다.

326
00:17:50,375 --> 00:17:53,810

327
00:17:53,810 --> 00:17:57,080
우리는 빨리 정말로 실행할 수 있습니다
노드 예를 들어 5.c.을 수행하여

328
00:17:57,080 --> 00:18:00,320

329
00:18:00,320 --> 00:18:02,520
우리는 실제로 노드에서 C 파일을 실행할 수 없습니다.

330
00:18:02,520 --> 00:18:03,654
그것은 C가 무엇인지 알 수 없습니다.

331
00:18:03,654 --> 00:18:04,695
그것은 단지 자바 스크립트를 알고있다.

332
00:18:04,695 --> 00:18:09,865
우리가 ex5.js을 실행하면, 우리가 얻을
우리가 기대 값.

333
00:18:09,865 --> 00:18:13,490

334
00:18:13,490 --> 00:18:15,980
>> 의 예를 여섯로 이동하자.

335
00:18:15,980 --> 00:18:18,930
여기에 그냥 조금 얘기하고 싶어요
자바 스크립트 배열에 대한 좀 더

336
00:18:18,930 --> 00:18:20,930
그들은 비트이기 때문에
말이있어 다른

337
00:18:20,930 --> 00:18:26,940
C. 배열이 표기되어에 사용,
하지 C처럼 브래킷,

338
00:18:26,940 --> 00:18:28,640
중괄호,하지만 브래킷.

339
00:18:28,640 --> 00:18:32,150
당신은 빈 배열을 가질 수있다,
4 번에 도착있다.

340
00:18:32,150 --> 00:18:34,680
당신은 배열을 가질 수있다
여러 값.

341
00:18:34,680 --> 00:18:39,790
그리고 당신은 그들에 액세스
C. 단지 같은 방법으로

342
00:18:39,790 --> 00:18:42,990
>> 일곱을 줄 수있는 모든 것을 최대
매우 간단 보인다.

343
00:18:42,990 --> 00:18:45,390
하나의 작은 차이는 라인 (10)에 여기에있다.

344
00:18:45,390 --> 00:18:48,620
방법은 당신의 길이를 얻을
배열은 .length를 호출하는 것입니다.

345
00:18:48,620 --> 00:18:50,620
배열은 사실이 될 수 있습니다
객체처럼 취급,

346
00:18:50,620 --> 00:18:54,960
이 객체는 길이 속성이 있습니다
당신은 그것의 길이를 얻기 위해 부르는.

347
00:18:54,960 --> 00:18:57,350
이 차이가 있다는 것에주의해야
C에 있기 때문에 C에서 당신

348
00:18:57,350 --> 00:19:01,600
의 길이를 알고 있어야
미리 개체.

349
00:19:01,600 --> 00:19:04,700
>> 배열에 대한 그래서 다른 좋은 점
서로 다른 타입을 가질 수 있다는 것이다.

350
00:19:04,700 --> 00:19:07,470
당신은 C에서 배열이있는 경우,이
특정 값의 어레이이고,

351
00:19:07,470 --> 00:19:11,900
구조체 포인터 중 하나
또는 [들림] 수레 또는.

352
00:19:11,900 --> 00:19:13,700
여기서, 서로 다른 값을 가질 수있다.

353
00:19:13,700 --> 00:19:17,560
내가 먼저 부동 소수점 숫자를했다,
다음 부울, 다음 다른 정수.

354
00:19:17,560 --> 00:19:19,670
그리고 실제로, 그들도 유형을 변경할 수 있습니다.

355
00:19:19,670 --> 00:19:21,220
16 라인 봐.

356
00:19:21,220 --> 00:19:26,760
배열 두되는 것을 변화
문자열에 숫자, 정수,.

357
00:19:26,760 --> 00:19:30,920
>> 배열에 대한 또 다른 좋은 점은 여기에있다
19 행에서, 그들은 무한 크기를 가지고있다.

358
00:19:30,920 --> 00:19:35,900
당신은 내가 백을 원하는 말할 수있다
요소는 합법적 인 문자열이 될 수 있습니다.

359
00:19:35,900 --> 00:19:38,510
그리고 이것은 확인하지 않는 것
감각 때문에 배열 만

360
00:19:38,510 --> 00:19:41,080
세 가지 요소에 대한 공간이,
그래서 결국은 두 가지를해야한다.

361
00:19:41,080 --> 00:19:44,800
이 작업을 수행 할 때,하자
세하게 어떤 배열을 참조하십시오.

362
00:19:44,800 --> 00:19:47,460
우리는 이것을 빨리 실행됩니다
노드 예 six.js.와

363
00:19:47,460 --> 00:19:49,990

364
00:19:49,990 --> 00:19:52,180
우리는이 정말 긴 얻을
배열, 그리고 무슨 일이

365
00:19:52,180 --> 00:19:55,100
우리는 처음 몇 요소가된다
공백 후 무리

366
00:19:55,100 --> 00:19:56,580
때까지 우리는 우리의 문자열을 얻을.

367
00:19:56,580 --> 00:19:58,580
자바 스크립트를 채 웁니다
배열이 필요할있다.

368
00:19:58,580 --> 00:20:01,790

369
00:20:01,790 --> 00:20:05,420
>> 이제 마지막으로 우리의 마지막 예를 가자.

370
00:20:05,420 --> 00:20:08,180
여기에서 우리는 목록을 가지고
다른 학생.

371
00:20:08,180 --> 00:20:11,350
내가 좀 얘기하고 싶어요
멋진 측면에 대한 비트

372
00:20:11,350 --> 00:20:14,240
의 자바 스크립트에서 루프.

373
00:20:14,240 --> 00:20:17,500
C에서, 루프 가지 제한됩니다.

374
00:20:17,500 --> 00:20:21,490
그들은 어디를 고정 된 구조를 가지고
변수를 가지고, 당신은 조건을 가지고,

375
00:20:21,490 --> 00:20:23,850
그리고 당신은 무언가를
루프의 끝에.

376
00:20:23,850 --> 00:20:27,560
그리고 물론 이것은, 자바 스크립트에서 작동
우리는 앞의 예에서 본 것처럼.

377
00:20:27,560 --> 00:20:31,030
그러나 우리는 또한 더 좋은 방법이
의 자바 스크립트에이 일을.

378
00:20:31,030 --> 00:20:33,870
이 foreach 루프라고합니다.

379
00:20:33,870 --> 00:20:36,580
>> 죄송합니다,의 돌아 가자
여기에 예를 일곱.

380
00:20:36,580 --> 00:20:39,320
우리는 또한 섹션 목록입니다 말할 수 있습니다.

381
00:20:39,320 --> 00:20:43,250
그래서 나에게 모든 난을 제공하거나
그리스트에있는 모든 인덱스입니다.

382
00:20:43,250 --> 00:20:46,255
그 다음 우리는 학생을 얻을 수 있습니다
그냥 절을 호출하여.

383
00:20:46,255 --> 00:20:50,690
그래서 설정 난의 모든 코드
제로인, 물론입니다 만들기

384
00:20:50,690 --> 00:20:54,420
인 길이 미만
내가 한 때마다 추가, 그건

385
00:20:54,420 --> 00:21:00,220
오히려 돌보는
친절이 foreach 루프와.

386
00:21:00,220 --> 00:21:02,830
>> 뿐만 아니라 foreach는 루프를 수행
리스트 나 배열에서 작동,

387
00:21:02,830 --> 00:21:06,130
그들은 또한 객체에서 작동,
이는 또한 좋은 것입니다.

388
00:21:06,130 --> 00:21:10,240
당신의 이름을 얻을 수 있습니다
다만 취함으로써 모든 재산

389
00:21:10,240 --> 00:21:15,030
사전 또는 개체, 학생 등,
다음 날마다 키를주는 말.

390
00:21:15,030 --> 00:21:18,920
키가이 일 것
속성, 이름이나 집.

391
00:21:18,920 --> 00:21:22,870
그래서 여기에 무슨 일이 일어날 것입니다
우리는 먼저 이름 다음 인쇄

392
00:21:22,870 --> 00:21:24,920
모든 학생의 집.

393
00:21:24,920 --> 00:21:29,170
>> 나는 노드에서이 작업을 실행할 수 있습니다
정말 빨리를 표시합니다.

394
00:21:29,170 --> 00:21:35,510
우리는 첫 번째 루프에 대한 C 스타일을 얻을
우리는 모든 개체가 인쇄 된 얻을.

395
00:21:35,510 --> 00:21:38,910
그리고 우리는 자바 스크립트를
스타일, 어디에 당신은 할 수 있습니다

396
00:21:38,910 --> 00:21:41,510
모든 키를 출력
개별적 가치.

397
00:21:41,510 --> 00:21:45,560

398
00:21:45,560 --> 00:21:47,050
>> 좋아.

399
00:21:47,050 --> 00:21:52,850
이제 우리는 Node.js 고려했다고, 나는 생각한다
우리는 유성을 시작 할 준비가되었습니다.

400
00:21:52,850 --> 00:21:56,070
내가 말했듯이, 유성은 훌륭한 일을 했어
일부 기성 예를 작성

401
00:21:56,070 --> 00:22:00,600
당신을 위해 당신은을 통해 탐색 할 수 있음
이 튜토리얼이나 세미나 폴더에.

402
00:22:00,600 --> 00:22:03,750
하지만, 여기에 내가 원하는
처음부터 더를 시작합니다.

403
00:22:03,750 --> 00:22:06,810
>> 의 응용 프로그램을 수행하는 간단한을 만들 수 있습니다.

404
00:22:06,810 --> 00:22:14,140
이것은 무엇에의 기초 가지입니다
나는이 이전을 보여 주었다 신​​청을 해.

405
00:22:14,140 --> 00:22:16,990
이 자습서
가 있다는 것을 볼 수 있습니다

406
00:22:16,990 --> 00:22:20,180
명령 유성을 만들
새로운 유성 프로젝트를 만듭니다.

407
00:22:20,180 --> 00:22:24,510
당신은 위해이를 호출해야
유성 프로젝트 그것 때문에 실행하기

408
00:22:24,510 --> 00:22:27,470
명령을 실행합니다
유성을 만들 수 있습니다

409
00:22:27,470 --> 00:22:31,100
프로젝트에 필요한 파일.

410
00:22:31,100 --> 00:22:35,920
>> 터미널로 이동하는 경우, 우리는 할 수
단계 하나라는 폴더로 이동합니다.

411
00:22:35,920 --> 00:22:41,240
그리고 하나의 단계에 해당 할 것이다
튜토리얼의 첫 번째 단계.

412
00:22:41,240 --> 00:22:44,020
공지 사항 폴더, 단계가있다
하나, 단계 2, 5에있는 모든 방법.

413
00:22:44,020 --> 00:22:47,835
그리고 각 하나에 해당됩니다
이 튜토리얼의 단계.

414
00:22:47,835 --> 00:22:50,960

415
00:22:50,960 --> 00:22:52,780
나는 그것을 열거야
여기에 내 텍스트 편집기에서

416
00:22:52,780 --> 00:22:56,280
그래서 우리는 생성 된 어떤의 비트를 볼 수 있습니다.

417
00:22:56,280 --> 00:22:58,530
우리는 알 그이
네 가지 주요 부분이다.

418
00:22:58,530 --> 00:23:01,170
유성 디렉토리 .meteor,있다.

419
00:23:01,170 --> 00:23:03,180
그리고 그 보통
터치 할 필요가 없습니다.

420
00:23:03,180 --> 00:23:05,070
유성을 담당
해당 폴더, 그리고 단지

421
00:23:05,070 --> 00:23:08,640
있는지 확인합니다 당신의
프로젝트가 제대로 작동합니다.

422
00:23:08,640 --> 00:23:14,580
>> 우리는 또한, 세 개의 파일, HTML 파일이
자바 스크립트 파일과 CSS 파일.

423
00:23:14,580 --> 00:23:18,670
의 첫 번째 HTML 파일과 함께 시작하자.

424
00:23:18,670 --> 00:23:21,310
언뜻보기에,이 보인다
보통 HTML 문서 등을 포함한다.

425
00:23:21,310 --> 00:23:23,490
그러나이 그 통지
몇 가지 차이점이 있습니다.

426
00:23:23,490 --> 00:23:26,520
하나는,이 실제로 없다
완전한 HTML 문서.

427
00:23:26,520 --> 00:23:28,640
우리는 HTML 태그를 놓치고있어.

428
00:23:28,640 --> 00:23:29,700
이것은 정상입니다.

429
00:23:29,700 --> 00:23:33,560
유성에서 예상하지 않을
이러한 HTML 태그를 만들 수 있습니다.

430
00:23:33,560 --> 00:23:35,260
즉, 당신을 위해 이루어집니다.

431
00:23:35,260 --> 00:23:38,380
당신은 당신이 경우 begin-- 할
웹 사이트를 만들려면,

432
00:23:38,380 --> 00:23:40,430
당신은 단지 시작해야
머리 태그,

433
00:23:40,430 --> 00:23:43,510
그 다음을 정의하고,
body 태그를 정의합니다.

434
00:23:43,510 --> 00:23:48,940
>> 하지만 당신은이에있을 때는
HTML 파일, 우리는 새로운 태그가.

435
00:23:48,940 --> 00:23:50,350
우리는 템플릿 태그가 있습니다.

436
00:23:50,350 --> 00:23:52,050
이것은 정상적인 HTML 없습니다.

437
00:23:52,050 --> 00:23:55,300
이것은 HTML의 특별 버전입니다
유성 당신에게 제공하는 그.

438
00:23:55,300 --> 00:23:57,660
그것은 공간 막대를 불렀다.

439
00:23:57,660 --> 00:24:00,980
당신은 작은으로 템플릿을 정의 할 수 있습니다
가지 도우미 함수와 같은 모듈,

440
00:24:00,980 --> 00:24:03,660
C 또는 자바 스크립트 코드에서.

441
00:24:03,660 --> 00:24:06,020
이 템플릿 것
작업이라는 이름을 가지고있다.

442
00:24:06,020 --> 00:24:10,520
그리고 당신은 줄에 바로 여기에 볼 수 있습니다
(13) 이러한 템플릿을 호출 할 수.

443
00:24:10,520 --> 00:24:14,380
그리고 무엇 유성이 어떤 작업을 수행하는 것은 그냥
당신을 위해 이러한 작업을 채우십시오.

444
00:24:14,380 --> 00:24:17,540

445
00:24:17,540 --> 00:24:22,580
>> 당신이 또 한가지 주목할 점은
조금 다른이 각 기능입니다.

446
00:24:22,580 --> 00:24:26,130
각각의 변수를 취할 것
작업과 가지 그것을 통해 이동

447
00:24:26,130 --> 00:24:28,810
그 foreach 루프의 우리의
예를 일곱에 보았다.

448
00:24:28,810 --> 00:24:34,200
이 각각은 사전 걸릴 수 있습니다
또는 목록, 객체 또는 목록,

449
00:24:34,200 --> 00:24:38,820
그리고 그것은 단지의 모든 통해 갈거야
foreach 루프 같은 값 것.

450
00:24:38,820 --> 00:24:44,110
그래서 우리는 작업의 무리가있는 경우,이
각 작업에 템플릿을 호출합니다.

451
00:24:44,110 --> 00:24:49,590
>> 의는 유성 프로젝트를 실행하자
바로 이런 것을 볼 수 있습니다.

452
00:24:49,590 --> 00:24:53,260
나는 유성 프로젝트와 실행
단지 유성 또는 유성 실행합니다.

453
00:24:53,260 --> 00:24:56,690
그리고 지금 유성은해야합니다
빨리 프로젝트를 제조

454
00:24:56,690 --> 00:25:03,320
필요에 따라 데이터베이스를 시작,
다음 로컬 응용 프로그램을 게시 할 수 있습니다.

455
00:25:03,320 --> 00:25:07,200
우리는 지금 우리의 웹 브라우저로 이동할 수 있습니다.

456
00:25:07,200 --> 00:25:10,215
그리고 우리는 우리를 볼 수 있습니다
매우 간단한 응용 프로그램이 있습니다.

457
00:25:10,215 --> 00:25:22,190

458
00:25:22,190 --> 00:25:29,130
그래서 우리가 보여 본 것을 사실이었다
단계 한 단계 하나의 파일.

459
00:25:29,130 --> 00:25:33,260
>> 의 두 가지 때문 만 단계로 이동하자
나는 그것이 같은 용도로 것이라 생각합니다.

460
00:25:33,260 --> 00:25:36,500
난 그냥 변경거야
두 번째 단계 디렉토리

461
00:25:36,500 --> 00:25:39,550
우리가 볼 수 있도록 다시 유성을 실행
템플릿은 우리는 함께 일했다.

462
00:25:39,550 --> 00:25:43,560

463
00:25:43,560 --> 00:25:45,730
네, 질문?

464
00:25:45,730 --> 00:25:49,724
>> 청중 : 우리가 얻는 경우 허가
거부, 그것을 무슨 ... 그 얘기입니다

465
00:25:49,724 --> 00:25:50,390
그 요구했다?

466
00:25:50,390 --> 00:25:52,154

467
00:25:52,154 --> 00:25:54,070
로저 ZURAWICKI : 경우
당신은, 유성 실행을 실행하고

468
00:25:54,070 --> 00:25:57,280
당신은 권한이
거부, 일부 파일

469
00:25:57,280 --> 00:25:59,070
오른쪽 권한이 설정되어 있지 않을 수도 있습니다.

470
00:25:59,070 --> 00:26:03,970
그래서 당신은 어디에서 확인해야합니다
권한이 꺼져 있습니다.

471
00:26:03,970 --> 00:26:06,030
그들은에서 해제 될 수 있습니다
당신의 유성 프로젝트,

472
00:26:06,030 --> 00:26:08,550
또는 그들은에서 해제 될 수 있습니다
유성은 파일 자체.

473
00:26:08,550 --> 00:26:13,742
>> 청중 : 난 그냥 지금을 다운로드 한 경우
당신의 GitHub의에서, 다음 어떻게해야합니까

474
00:26:13,742 --> 00:26:16,110
[들리지?

475
00:26:16,110 --> 00:26:20,110
>> 로저 ZURAWICKI : 당신이 원하는 경우
당신이 그것을 액세스 할 수 있는지 확인합니다,

476
00:26:20,110 --> 00:26:21,450
실행할 수있는 명령이있다.

477
00:26:21,450 --> 00:26:26,590
빨리 저를 보자 그것을 쓰기
그래서 다른 사람들이 그것을 볼 수 있습니다.

478
00:26:26,590 --> 00:26:30,670
나는 여기에 새 탭을 열거야
내 세미나 폴더로 이동합니다.

479
00:26:30,670 --> 00:26:33,500

480
00:26:33,500 --> 00:26:36,490
chmod를 명령이다
권한을 변경하려면,

481
00:26:36,490 --> 00:26:40,060
그것을 위해 당신은 R을 말할 수있다
재귀 적으로 모든 파일에 대해.

482
00:26:40,060 --> 00:26:46,040
그리고 권한, 당신은 0755을 시도 할 수 있습니다
당신이 모든 권한을 가지고 있는지 확인하기 위해,

483
00:26:46,040 --> 00:26:47,820
그리고 다른 사람이 읽을 수 있습니다.

484
00:26:47,820 --> 00:26:50,100
그리고 당신이 실행하는 경우
이 명령은, 그것을 만들어 줄게

485
00:26:50,100 --> 00:26:55,800
확인 권한에
전체 디렉터리를 확인합니다.

486
00:26:55,800 --> 00:26:59,160
-1 LS를 실행하면 당신에게 보여줄 수있다
더 자세하게 권한.

487
00:26:59,160 --> 00:27:01,290
이 확인을 보인다.

488
00:27:01,290 --> 00:27:03,900
>> 무엇 가장 중요한 것은
당신은 세 가지를 모두 가지고

489
00:27:03,900 --> 00:27:06,610
모든 파일에 대한 rwx로
세미나 디렉토리.

490
00:27:06,610 --> 00:27:09,415

491
00:27:09,415 --> 00:27:11,330
그 문제를 해결하는 데 도움이 되었습니까?

492
00:27:11,330 --> 00:27:13,735
>> 청중 : 그것은 누락 말한다
조건화 [들림].

493
00:27:13,735 --> 00:27:17,980

494
00:27:17,980 --> 00:27:18,740
[들림]

495
00:27:18,740 --> 00:27:20,490
로저 ZURAWICKI : 당신
당신이 있는지 확인해야합니다

496
00:27:20,490 --> 00:27:23,022
명령의 끝 점이.

497
00:27:23,022 --> 00:27:23,938
청중 : [들리지].

498
00:27:23,938 --> 00:27:36,395

499
00:27:36,395 --> 00:27:37,520
로저 ZURAWICKI : 좋습니다.

500
00:27:37,520 --> 00:27:42,220
우리가 신속하게 다시 가자
로컬 호스트, 우리가 가지고있는 응용 프로그램.

501
00:27:42,220 --> 00:27:46,640
그리고 우리가이 것을 볼 수 있습니다
예상대로 여기에 몇 가지 작업.

502
00:27:46,640 --> 00:27:49,330

503
00:27:49,330 --> 00:27:51,990
우리는 CSS의 무리를 가지고있는
당신에 대해 걱정할 필요가 없습니다.

504
00:27:51,990 --> 00:27:53,740
유성 자습서
당신이 있습니다

505
00:27:53,740 --> 00:27:58,010
목록 모습을 위해 만들려면
일반 HTML보다 더 좋은 비트.

506
00:27:58,010 --> 00:28:02,290
그리고 우리는 자바 스크립트 파일을 가지고있는
나는 조금 후에 더 자세히 갈거야

507
00:28:02,290 --> 00:28:04,272
하지만 그것은 단지 이러한 작업을 제공합니다.

508
00:28:04,272 --> 00:28:04,980
이 작업입니다.

509
00:28:04,980 --> 00:28:05,740
이 작업이 있습니다.

510
00:28:05,740 --> 00:28:06,590
이 작업을 세 가지입니다.

511
00:28:06,590 --> 00:28:09,720
그래서이 유성의 점점 데이터입니다.

512
00:28:09,720 --> 00:28:15,590
>> 멋진 것들 중 하나는 유성이 약
변경 내용이 자동으로 일어날 수있다.

513
00:28:15,590 --> 00:28:18,990
나는 변경을 원하는 경우
첫 번째 작업의 이름,

514
00:28:18,990 --> 00:28:22,490
그래서이없는 말을
작업 하나, 나는 그것을 저장,

515
00:28:22,490 --> 00:28:26,370
나는 다음 웹 사이트를 다음 때
브라우저, 당신은 그것을 새로 고칠 수 있습니다,

516
00:28:26,370 --> 00:28:30,861
그것은 자동으로 말한다
이 한 일이 아니다.

517
00:28:30,861 --> 00:28:32,860
당신은 같은 일을 할 수 있습니다
이러한 파일에.

518
00:28:32,860 --> 00:28:37,940
변화를 확인, 대신 할
목록, 나는 내 목록을해야 할 것입니다.

519
00:28:37,940 --> 00:28:40,980
>> 그리고 한 가지 당신은, 발견
것을 나는 심지어 새로 고침하지 않았다.

520
00:28:40,980 --> 00:28:43,960
상쾌한의 아이디어는 종류
의 유성과 함께 당신을 위해 해결했다.

521
00:28:43,960 --> 00:28:48,970
이 파일의 변경을 검출 할 때마다,
당신을 위해 변경 사항을로드합니다.

522
00:28:48,970 --> 00:28:53,110
이 있는지, 모든 파일에서 작동
그것은 HTML, CSS, 또는 자바 스크립트입니다.

523
00:28:53,110 --> 00:28:57,990
이 응용 프로그램이 보일 것 무엇을 표시하려면
같은 CSS하지 않고, 내가 다 제거 할 수 있습니다.

524
00:28:57,990 --> 00:29:04,720
이로드가되면, 당신은 지금이
하지 잘 생긴 목록.

525
00:29:04,720 --> 00:29:06,370
이제 다시 그 내용을 넣어 보자.

526
00:29:06,370 --> 00:29:11,343
그리고 확실히 충분히, 그것을
새로 고침, 우리의 CSS가 돌아왔다.

527
00:29:11,343 --> 00:29:11,843
좋아.

528
00:29:11,843 --> 00:29:15,700

529
00:29:15,700 --> 00:29:20,010
>> 우리는 지금 튜토리얼에 이동할 수 있습니다.

530
00:29:20,010 --> 00:29:23,360
의 단계 두, 템플릿에 대해 이야기 해 보자.

531
00:29:23,360 --> 00:29:27,140
이것은 우리가 방금 본 것입니다
다른 작업과 함께.

532
00:29:27,140 --> 00:29:31,550
유성 당신에게 설명 할 것입니다 무엇
템플릿과 방법이 논리가 작동합니다.

533
00:29:31,550 --> 00:29:34,760
하지만 그냥하는 코드를 살펴 보자
우리는 그것의 의미를 수 있는지.

534
00:29:34,760 --> 00:29:38,030

535
00:29:38,030 --> 00:29:41,460
>> 매우 간단한 애플리케이션에서,
우리는 단순이 무엇인지 등

536
00:29:41,460 --> 00:29:44,550
단계 한 단계 두 단계,해야 할 일
세 가지, 네 단계, 5 단계,

537
00:29:44,550 --> 00:29:45,700
우리는 어떤 폴더가 없습니다.

538
00:29:45,700 --> 00:29:47,533
우리는 서버가없는
폴더 나 언급했다.

539
00:29:47,533 --> 00:29:50,510
우리는 클라이언트가없는
언급 한 폴더.

540
00:29:50,510 --> 00:29:52,290
그래서 유성 모든 파일을 실행합니다.

541
00:29:52,290 --> 00:29:55,210
그것은에 모두를 실행합니다
클라이언트, 서버에 모두.

542
00:29:55,210 --> 00:29:58,840
>> 그리고 당신은 자바 스크립트의 일부를 원하는 경우
코드, 그냥 클라이언트에서 실행

543
00:29:58,840 --> 00:30:02,350
그들은 당신이 있는지 확인해야합니다
if 문, 가지의 모습

544
00:30:02,350 --> 00:30:04,890
우리는 여기에 우리의 자바 스크립트 파일에 있습니다.

545
00:30:04,890 --> 00:30:08,010
그래서 유성, 경우에만
그러므로, 클라이언트의 I

546
00:30:08,010 --> 00:30:12,355
템플릿을 정의 할
도우미라는 작업.

547
00:30:12,355 --> 00:30:15,050

548
00:30:15,050 --> 00:30:19,260
어떤이 코드 정말
합니까는 거기 말합니다이다

549
00:30:19,260 --> 00:30:21,800
객체라고 템플릿
그 유성 제공합니다.

550
00:30:21,800 --> 00:30:23,270
그리고 우리는 도우미를 추가하는 것입니다.

551
00:30:23,270 --> 00:30:27,680
도우미는이 작업입니다,
작업 등 이러한 것들.

552
00:30:27,680 --> 00:30:33,890
>> 당신은 볼 수 우리가 돌​​아갈 경우 그
HTML 파일, 우리는 작업의 각을했다.

553
00:30:33,890 --> 00:30:35,750
작업은 HTML에 정의되어 있지 않습니다.

554
00:30:35,750 --> 00:30:37,770
그것은 자바 스크립트에 정의 된 것.

555
00:30:37,770 --> 00:30:42,610
그리고 유성은 무엇 작업입니다 알 필요가
우리는 여기에 자바 스크립트로 갈 때.

556
00:30:42,610 --> 00:30:45,550
작업이 도우미입니다.

557
00:30:45,550 --> 00:30:49,830
도우미, 당신은 생각할 수
그것은 템플릿 변수로.

558
00:30:49,830 --> 00:30:51,000
그리고 작업은 무엇입니까?

559
00:30:51,000 --> 00:30:53,580
음, 값 목록을 반환합니다.

560
00:30:53,580 --> 00:30:56,750
이 목록이기 때문에,
우리는 각각의를 호출 할 수 있습니다.

561
00:30:56,750 --> 00:30:58,590
우리가 작업에 각 부르는 이유 그래서입니다.

562
00:30:58,590 --> 00:30:59,730
그리고 지금 우리는 작업을해야합니다.

563
00:30:59,730 --> 00:31:02,850

564
00:31:02,850 --> 00:31:03,990
>> 작업은 무엇입니까?

565
00:31:03,990 --> 00:31:07,740
음,이 화살표가
여기에 중괄호 후.

566
00:31:07,740 --> 00:31:09,130
즉, 작업 템플릿을 의미합니다.

567
00:31:09,130 --> 00:31:11,100
그것은 도우미 아니다
우리가 본 것을있다.

568
00:31:11,100 --> 00:31:12,872
그것은 우리가 정의한 템플릿입니다.

569
00:31:12,872 --> 00:31:14,080
그리고 여기서 우리는 그것을 정의?

570
00:31:14,080 --> 00:31:16,950
우리는 바로 여기 아래에 정의했습니다.

571
00:31:16,950 --> 00:31:21,160
>> 이 모든 템플릿 렌더링 않습니다
목록 항목, 그리고 텍스트를 호출한다.

572
00:31:21,160 --> 00:31:24,160
이제, 텍스트는 것 같다
도우미,하지만 난 당신을 보여 드리죠

573
00:31:24,160 --> 00:31:26,610
이 여전히 실제로 그
작업의 데이터 멤버.

574
00:31:26,610 --> 00:31:29,230

575
00:31:29,230 --> 00:31:33,670
각을 호출 할 때, 그것은에 간다
데이터 구조 조금.

576
00:31:33,670 --> 00:31:39,130
foreach 루프처럼, 지금 바로 보인다
우리의 객체의 첫 번째 요소에서.

577
00:31:39,130 --> 00:31:41,850
우리는 텍스트가 참조
우리의 목적에 여기에 정의.

578
00:31:41,850 --> 00:31:45,350
그래서 유성 것을 알고 똑똑하다
우리는이 텍스트에 대해 얘기하고

579
00:31:45,350 --> 00:31:47,630
텍스트가 아닌라는 도우미.

580
00:31:47,630 --> 00:31:52,120
그냥이의 값을 가져옵니다
여기에 텍스트와 HTML 등의 표시를,

581
00:31:52,120 --> 00:31:55,475
그 데이터가가는 방법
HTML에 자바 스크립트에서.

582
00:31:55,475 --> 00:32:03,320

583
00:32:03,320 --> 00:32:07,030
>> 이 예에서, 비록에 이동
우리는 열심히 그 값을 코딩.

584
00:32:07,030 --> 00:32:10,440
유성 정말 두 작업을 수행
우리를 위해 좋은 일.

585
00:32:10,440 --> 00:32:15,050
라이브 새로 고침 게다가 그 우리
보여, 그것은 또한 우리의 데이터베이스를 관리합니다.

586
00:32:15,050 --> 00:32:18,750
당신이 PHP로 작업해야한다면,
당신은 phpMyAdmin을 구성했다.

587
00:32:18,750 --> 00:32:21,320
당신은 확실히했습니다 당신의
테이블은 모든 검사에 있었다.

588
00:32:21,320 --> 00:32:24,760
당신은 할 일을 많이해야했다
, 데이터가 올바르게 형식화되었는지를 확인

589
00:32:24,760 --> 00:32:27,880
그리고 PHP는와 통신 할 수있다.

590
00:32:27,880 --> 00:32:30,170
>> 이제, 유성은 새로운 패러다임을 사용합니다.

591
00:32:30,170 --> 00:32:32,310
이것은 더 현대적인 방법입니다
데이터베이스의 운반.

592
00:32:32,310 --> 00:32:34,580
그것은 MongoDB의라는 기술입니다.

593
00:32:34,580 --> 00:32:38,740
그냥 자바 스크립트처럼, 우리는 보았다
데이터를 가지고 어떤 유형의 문제가되지 않았다.

594
00:32:38,740 --> 00:32:39,640
모든 VAR했다.

595
00:32:39,640 --> 00:32:40,570
그것은 charstar 아니었다.

596
00:32:40,570 --> 00:32:40,930
그것은 INT 아니었다.

597
00:32:40,930 --> 00:32:41,970
이 구조체 아니었다.

598
00:32:41,970 --> 00:32:44,210
그것은 그 VAR, 그냥이 VAR했다.

599
00:32:44,210 --> 00:32:46,320
>> MongoDB를 동일한 방식의 종류를 작동한다.

600
00:32:46,320 --> 00:32:48,160
당신은 당신의 테이블을 정의 할 필요가 없습니다.

601
00:32:48,160 --> 00:32:50,860
당신은 테이블을 말할 필요가 없습니다
int를 가지고 이름을 가지고 있습니다.

602
00:32:50,860 --> 00:32:54,710
그것은, 나도 몰라,이
십진수 달러.

603
00:32:54,710 --> 00:32:58,360
그것은 바로이 자바 스크립트 객체의
이러한 모든 바르, 본질적으로.

604
00:32:58,360 --> 00:33:02,780
그리고 이것은 정말 강력하다
앱을 프로토 타입 방법.

605
00:33:02,780 --> 00:33:06,190
그리고 그 유성 이유
이 이용합니다.

606
00:33:06,190 --> 00:33:11,080
>> 우리는 세 단계로 이동하는 경우,
의는 변경된 내용을 보자.

607
00:33:11,080 --> 00:33:15,480
우리가 수행 할 작업의 HTML을 보면, 많은 수 없습니다.

608
00:33:15,480 --> 00:33:17,170
CSS는 전혀 변경되지 않았습니다.

609
00:33:17,170 --> 00:33:22,420
그러나 작은 변화 우리는 HTML에서 볼
작업을 정의하는 방법을 우리가 변경 한 것입니다.

610
00:33:22,420 --> 00:33:23,800
작업은 이제 기능입니다.

611
00:33:23,800 --> 00:33:25,800
즉 모든 것을 의미합니다
우리가 작업을 얻고 싶은 시간,

612
00:33:25,800 --> 00:33:27,480
우리는이 기능을 실행하는 것입니다.

613
00:33:27,480 --> 00:33:29,230
그것은을 반환하지 않습니다
값으로 기능.

614
00:33:29,230 --> 00:33:33,710
>> 유성은 실제로 실행하는 스마트
함수는 우리가 무엇을 얻을 볼 수 있습니다.

615
00:33:33,710 --> 00:33:36,650
그리고 작업이라는 일을 반환합니다.

616
00:33:36,650 --> 00:33:40,650
우리는 선 하나에서 작업을 정의한
그리고 몽고 모음입니다.

617
00:33:40,650 --> 00:33:43,170
몽고는 참조한다
유성이 사용하는 데이터베이스,

618
00:33:43,170 --> 00:33:48,420
이 새로운 단지 만들자 의미
새 컬렉션은, 그것을 작업을 호출합니다.

619
00:33:48,420 --> 00:33:53,540
MySQL의에서이 동등하게되어
테이블이라고 작업에 대한 자세한 내용은.

620
00:33:53,540 --> 00:33:56,350
몽고는 수집하지 테이블이 있습니다.

621
00:33:56,350 --> 00:34:00,100
그래서이는 작업을 찾습니다.

622
00:34:00,100 --> 00:34:04,820
>> 지금, 우리의 템플릿
템플릿의 도우미, 모든

623
00:34:04,820 --> 00:34:08,380
우리 모두를 얻기 위해 수행해야
작업은이 기능을 찾을 수있다

624
00:34:08,380 --> 00:34:11,710
이 빈 중괄호.

625
00:34:11,710 --> 00:34:14,150
이 몽고 구문에 더 특별한이다.

626
00:34:14,150 --> 00:34:16,159
많이있다
방법에 대한 온라인 문서

627
00:34:16,159 --> 00:34:19,360
당신이 효율적으로 만들 수 있으며,
정말 유용한 몽고는 쿼리합니다.

628
00:34:19,360 --> 00:34:25,560
그러나이 같은이 좋다
단지 모든 데이터를 찾는데 충분.

629
00:34:25,560 --> 00:34:30,100
>> 이제 문제 중 하나는 당신이 볼 수 있습니다
우리가 실제로 데이터를 추가하지 않을 것입니다.

630
00:34:30,100 --> 00:34:35,020
그래서 어떻게하면 우리를 발생
실제로 세 번째 단계를 실행?

631
00:34:35,020 --> 00:34:37,550
의 신속로 가자
세 단계로 유성을 실행합니다.

632
00:34:37,550 --> 00:34:42,870

633
00:34:42,870 --> 00:34:45,650
내가 다른 유성 있었다는 것을 주목
이 프로젝트는 다른 곳에서 실행

634
00:34:45,650 --> 00:34:49,110
그래서 유성은 그렇지 않습니다.

635
00:34:49,110 --> 00:34:52,810
난 단지에에 신속하게 가까운거야
컨트롤 C와 다른 유성,

636
00:34:52,810 --> 00:34:55,780
세 번째 단계로 이동,
다시 유성을 실행합니다.

637
00:34:55,780 --> 00:35:01,070

638
00:35:01,070 --> 00:35:03,180
그것은 시작 고시
MongoDB를 때문에 MongoDB를

639
00:35:03,180 --> 00:35:06,370
모든 유성 프로젝트의 일부이다.

640
00:35:06,370 --> 00:35:09,190
>> 그래서 내 응용 프로그램에 오류가 발생했다.

641
00:35:09,190 --> 00:35:10,590
즉, 유성이가 좋은 기능입니다.

642
00:35:10,590 --> 00:35:13,700
그것은 확실하게 당신의
HTML을 잘 확인된다.

643
00:35:13,700 --> 00:35:17,710
의 신속이 될 이유를 살펴 보자.

644
00:35:17,710 --> 00:35:26,110
내가 실수로 보인다
잘못된 HTML 코드를 복사했습니다.

645
00:35:26,110 --> 00:35:30,610
지금 저장하면, 유성
자동으로 서버를 다시 시작

646
00:35:30,610 --> 00:35:34,650
예상대로 이제 응용 프로그램이 실행 중입니다.

647
00:35:34,650 --> 00:35:39,220
이 문제를 해결하기 위해주의, 당신은 실행할 수 있습니다
두 단계에서 동일한 HTML 파일,

648
00:35:39,220 --> 00:35:40,380
세 번째 단계에 복사합니다.

649
00:35:40,380 --> 00:35:43,290

650
00:35:43,290 --> 00:35:45,917
>> 우리는 우리의 로컬 호스트로 돌아갈 수 있습니다.

651
00:35:45,917 --> 00:35:47,500
그리고 지금 우리는 우리가 할 일 목록 우리를 참조하십시오.

652
00:35:47,500 --> 00:35:50,070
좋아요,하지만 비어있었습니다.

653
00:35:50,070 --> 00:35:54,210
우리는 실제로이 없습니다
우리의 몽고 데이터베이스의 작업.

654
00:35:54,210 --> 00:35:57,930
그럼에 대해 이야기하자
몇 가지 방법이 우리가 할 수 있습니다.

655
00:35:57,930 --> 00:36:03,240
우리는 터미널로 돌아 가면, 우리
닫은 유성 몽고를 실행할 수 있습니다.

656
00:36:03,240 --> 00:36:05,320
>> 당신은 잘 알고 있다면
유성의 작동 방식과,

657
00:36:05,320 --> 00:36:14,100
이 실제로 액세스 할 수 있습니다
유성의 전체 MongoDB를합니다.

658
00:36:14,100 --> 00:36:17,570
실행되어야한다는 주목
이 작업을 먼저 유성.

659
00:36:17,570 --> 00:36:23,840
그래서 새 탭에서이 작업을 실행하는 경우, I
같은 디렉토리로 돌아갈 수 있습니다.

660
00:36:23,840 --> 00:36:29,040

661
00:36:29,040 --> 00:36:32,570
그리고 지금 유성은 잘 작동합니다.

662
00:36:32,570 --> 00:36:33,600
이 프롬프트입니다.

663
00:36:33,600 --> 00:36:36,350

664
00:36:36,350 --> 00:36:38,790
내가 그것을 좀합시다
우리가 볼 수 있도록 더 큰.

665
00:36:38,790 --> 00:36:41,550
이것은보다 약간 다르게 보입니다
당신이 당신에게 사용할 수 있습니다

666
00:36:41,550 --> 00:36:42,869
정말 몽고를 사용할 필요가 없습니다.

667
00:36:42,869 --> 00:36:45,410
내 요점은 여기
그래서 당신은 자바 스크립트를 사용할 수 있습니다.

668
00:36:45,410 --> 00:36:48,250
그러나 당신이 궁금하다면,
몽고 API는하지 않습니다

669
00:36:48,250 --> 00:36:50,730
SQL, 구조적 쿼리 언어를 사용합니다.

670
00:36:50,730 --> 00:36:55,570
그것은 자신의 언어를 사용하는
자바 스크립트처럼 많이 보인다.

671
00:36:55,570 --> 00:37:00,520
매우 빨리, 우리는 찾을 수 있습니다
db.tasks를 통해 테이블​​.

672
00:37:00,520 --> 00:37:08,940
그리고 그것은 나에게 말하고
우리가 발견 실행하면 밝혀,

673
00:37:08,940 --> 00:37:13,450
우리가 함께했던 것과 비슷한 종류의
유성은, 우리는 모든 요소를​​로드 할 수 있습니다.

674
00:37:13,450 --> 00:37:17,330
문제는,이다 우리는하지 않습니다
실제로 정의 된 작업을해야합니다.

675
00:37:17,330 --> 00:37:20,600
그래서 그들을 얻을 수 없습니다.

676
00:37:20,600 --> 00:37:22,130
>> 우리는하지만, 삽입 할 수 있습니다.

677
00:37:22,130 --> 00:37:25,170
그래서 우리는 삽입을 실행할 수 있습니다
명령 인서트.

678
00:37:25,170 --> 00:37:29,140
그리고 우리는 그것을 제공
객체, 그리고 우리 단지

679
00:37:29,140 --> 00:37:31,840
형식이 우리가 기대되어 있는지 확인합니다.

680
00:37:31,840 --> 00:37:35,030
우리가 두 번째 단계에서 살펴보면,
우리는 모든 작업 보았다

681
00:37:35,030 --> 00:37:39,590
텍스트 객체이었다
키와 어떤으로

682
00:37:39,590 --> 00:37:41,640
당신의 할 항목은 변수로했다.

683
00:37:41,640 --> 00:37:44,680
그래서 우리는 여기에 뭔가를 할 수 있습니다.

684
00:37:44,680 --> 00:37:50,160
>> 우리는 작업을 삽입 할 수 있습니다
나는 몽고에서 온했다.

685
00:37:50,160 --> 00:37:52,570
그리고 우리는 Enter 키를 누릅니다, 그리고 그것을 실행합니다.

686
00:37:52,570 --> 00:37:56,900
우리는 다시 찾아 실행하고, 우리가 할 수있는
객체가 여기에 있다는 것을 참조하십시오.

687
00:37:56,900 --> 00:38:01,810
몽고는 그것을 ID를 할당하는 당신을
정말에 대해 걱정할 필요가 없습니다.

688
00:38:01,810 --> 00:38:06,690
당신에게 중요한 것은 데이터입니다
당신이 넣어, 당신은 나가 데이터입니다.

689
00:38:06,690 --> 00:38:10,500
>> ,의 우리의 웹 사이트로 돌아 가자
이봐 요, 우리의 작업은로드.

690
00:38:10,500 --> 00:38:13,987
그리고 당신은 그것을 볼 수 있습니다
유성은 매우 영리하기 때문에

691
00:38:13,987 --> 00:38:16,570
항상 내가 당신을 위해 새로 고침
페이지를 터치하지 않았다.

692
00:38:16,570 --> 00:38:19,160
그것은 자동으로로드.

693
00:38:19,160 --> 00:38:23,520
>> 이제 일부 코드를 실행하자
자바 스크립트는하지만이 작업을 수행합니다.

694
00:38:23,520 --> 00:38:26,120
우리는 뒤에 노드를 가지고처럼
자바 스크립트를 실행 종료,

695
00:38:26,120 --> 00:38:29,280
우리는 또한 자바 스크립트를 실행할 수 있습니다
직접 우리의 브라우저에서.

696
00:38:29,280 --> 00:38:31,970
당신은 기능이 작업을 수행 할 수 있습니다
요소를 검사했다.

697
00:38:31,970 --> 00:38:34,210
나는 오른쪽을 클릭하면
페이지의 섹션,

698
00:38:34,210 --> 00:38:36,730
옵션이있다
요소를 검사했다.

699
00:38:36,730 --> 00:38:38,840
당신이 실행하는 경우
사파리, 당신 같은 브라우저

700
00:38:38,840 --> 00:38:45,430
개발자를 활성화해야
당신 전에 도구는이 기능을 얻을.

701
00:38:45,430 --> 00:38:46,930
>> 우리가 걱정하는 것은 콘솔입니다.

702
00:38:46,930 --> 00:38:48,930
그래서 우리는 단지로 이동합니다
맨 아래에있는 콘솔.

703
00:38:48,930 --> 00:38:52,110

704
00:38:52,110 --> 00:38:55,970
이제 우리는 자바 스크립트를 실행할 수 있습니다
여기에, 자바 스크립트 등

705
00:38:55,970 --> 00:38:58,860
파일은 내가 JS 예에서 보여 주었다.

706
00:38:58,860 --> 00:39:02,040
하지만 지금의이 작업을 살펴​​ 보자.

707
00:39:02,040 --> 00:39:04,955
우리는 우리의 명령을 실행할 수 있습니다.

708
00:39:04,955 --> 00:39:07,830
그리고 잘하면 내가 할 수있을 것이다
그것은 조금 더 큰 그래서 우리는 모두 볼 수 있습니다.

709
00:39:07,830 --> 00:39:14,390

710
00:39:14,390 --> 00:39:18,450
>> 우리가 tasks.find 실행 한 경우는거야
이 동일한 코드가 볼

711
00:39:18,450 --> 00:39:24,840
자바 스크립트 파일 사용
세 번째 단계에서,이 task.find.

712
00:39:24,840 --> 00:39:29,100
우리는 같은 일을 실행 할 수 있습니다
지금 우리는 몇 가지 이상한 물건을 얻을.

713
00:39:29,100 --> 00:39:31,050
어떻게 우리가 실제로 데이터를받을 수 있나요?

714
00:39:31,050 --> 00:39:34,860
음, 우리는 이것을 실행해야
라는 명령을 가져.

715
00:39:34,860 --> 00:39:37,150
>> 이것은 디버깅에 매우 유용합니다.

716
00:39:37,150 --> 00:39:41,000
당신이 여기에서 얻을 것은
커서는,이입니다

717
00:39:41,000 --> 00:39:44,890
유성이 가지고있는 좋은 방법
최적화 된 가져 오는 데이터입니다.

718
00:39:44,890 --> 00:39:48,270
이 커서는 모든 기능을 가지고 있습니다
라이브 업데이트 및 페이지를 새로 고침

719
00:39:48,270 --> 00:39:49,650
뭔가가 변경되었을 때.

720
00:39:49,650 --> 00:39:51,280
그러나 그것은 우리에게 데이터를 얻을 수 없습니다.

721
00:39:51,280 --> 00:39:52,720
우리는 가져 오기를 통해 데이터를 얻을 수 있습니다.

722
00:39:52,720 --> 00:39:56,880
그리고 당신은 우리가 물체를보고,
그것은 단지 우리가 몽고에했던 일처럼

723
00:39:56,880 --> 00:40:00,040
ID 및 텍스트 우리는 넣어.

724
00:40:00,040 --> 00:40:04,200
>> 그렇다면 우리는 유성에서 항목을 삽입합니까?

725
00:40:04,200 --> 00:40:07,250
음, 우리는 작업을해야합니다.

726
00:40:07,250 --> 00:40:09,990
그리고 우리는 실행할 수 있습니다
같은 삽입 명령,

727
00:40:09,990 --> 00:40:17,520
사전 또는 객체를 제공
동일한 형식으로, 텍스트

728
00:40:17,520 --> 00:40:22,340
그리고, 나는 콘솔에서 왔습니다.

729
00:40:22,340 --> 00:40:27,240
위 봐 때 때문에 I
이렇게,이 웹 사이트에 나타

730
00:40:27,240 --> 00:40:29,660
자동.

731
00:40:29,660 --> 00:40:33,291
>> 당신은 아무것도 넣을 수 있습니다 알 수 있습니다
당신은이 항목에서 원하는.

732
00:40:33,291 --> 00:40:35,040
그것은 필요가 없습니다
고정 된 구조를 가지고있다.

733
00:40:35,040 --> 00:40:39,790
나는에 동일을 할 수
세 번째 거짓과 동일 나.

734
00:40:39,790 --> 00:40:41,600
그리고 모든 작품.

735
00:40:41,600 --> 00:40:46,000
심지어 선택할 수 없습니다에
모든 텍스트를 포함한다.

736
00:40:46,000 --> 00:40:48,320
이것은 단지 권장하지 않습니다
하지만 다음 유성 때문에

737
00:40:48,320 --> 00:40:50,920
표시 할 항목을 알 수 없습니다.

738
00:40:50,920 --> 00:40:53,110
그러나 각각의 경우에, 우리
ID를 얻는다면, 그건

739
00:40:53,110 --> 00:40:54,785
사용할 수있는 객체의 ID.

740
00:40:54,785 --> 00:41:01,120

741
00:41:01,120 --> 00:41:03,280
>> 우리는 계속 같이
네 단계 다섯 단계,

742
00:41:03,280 --> 00:41:06,870
튜토리얼은 당신에게 방법을 보여 것
당신이 사용하는 UI 요소를 만들 수 있습니다

743
00:41:06,870 --> 00:41:13,130
당신이 알고있는 HTML
다른 작업을 만듭니다.

744
00:41:13,130 --> 00:41:15,440
의 정말 빨리 네 단계를 살펴 보자.

745
00:41:15,440 --> 00:41:18,290
우리는 우리가 추가 된 것을 볼 수 있습니다
이벤트에 대한 부분.

746
00:41:18,290 --> 00:41:20,874
템플릿 수 있습니다
우리에게 데이터를 얻을 헬퍼,.

747
00:41:20,874 --> 00:41:22,040
그러나 그것은 또한 이벤트를 호출 할 수 있습니다.

748
00:41:22,040 --> 00:41:25,300
그리고 이것은 어디 물건입니다
이벤트 때문에 유용하게

749
00:41:25,300 --> 00:41:28,590
당신이 클릭 할 때 어떤 일이된다
당신의 웹 사이트에 다른 것.

750
00:41:28,590 --> 00:41:33,790
>> 여기, 우리의 코드는 말하고있다
우리는이 이벤트를 추가 할 수 있습니다.

751
00:41:33,790 --> 00:41:38,860
당신이 제출 한 때 추가
클래스 새 작업 뭔가.

752
00:41:38,860 --> 00:41:41,910
당신이 여기에있는 것은 CSS 선택기입니다.

753
00:41:41,910 --> 00:41:45,870
그래서 그냥 HTML을 찾습니다
클래스 새 작업을이 요소입니다.

754
00:41:45,870 --> 00:41:47,940
그리고 이벤트를 같은 제출 보인다.

755
00:41:47,940 --> 00:41:51,050
기타 이벤트 등
호버, 클릭, 더블 클릭,

756
00:41:51,050 --> 00:41:54,450
당신은 일반 HTML에서 무엇을 얻을 유사한.

757
00:41:54,450 --> 00:41:56,770
>> 당신이 여기를 줄 이제 기능입니다.

758
00:41:56,770 --> 00:42:01,210
그리고 당신은 할 수 있습니다
그 함수의 코드.

759
00:42:01,210 --> 00:42:06,360
점점 끝 무엇이 기능은
이 새 작업을 제출할 때했다.

760
00:42:06,360 --> 00:42:12,170
그냥 그렇게 HTML을 살펴 보자 우리
이 새 작업이 무엇인지 이해한다.

761
00:42:12,170 --> 00:42:15,570
우리는 여기에 양식을 추가 한
클래스 새 작업과 함께.

762
00:42:15,570 --> 00:42:19,880
그리고 그것은 텍스트를 입력받는이있다.

763
00:42:19,880 --> 00:42:22,605
그리고이 어디 우리
우리의 새로운 작업을 추가합니다.

764
00:42:22,605 --> 00:42:25,520

765
00:42:25,520 --> 00:42:29,780
>> 의는 제 4 단계를 실행하자
웹 사이트는 모습을 볼 수 있습니다.

766
00:42:29,780 --> 00:42:32,710
우리는 먼저 아웃을 종료 할 수 있습니다
MongoDB의의 우리는 있었다

767
00:42:32,710 --> 00:42:35,300
우리의 이전에서
제어 C.와 예

768
00:42:35,300 --> 00:42:37,690
그리고의는로를 변경할 수 있습니다
네 단계 디렉토리.

769
00:42:37,690 --> 00:42:41,000

770
00:42:41,000 --> 00:42:42,920
우리는 다시 유성을 실행하겠습니다
서버를 시작합니다.

771
00:42:42,920 --> 00:42:46,850

772
00:42:46,850 --> 00:42:50,510
그리고 불행하게도, 나는 유성이 있었다
다른 터미널에서 실행.

773
00:42:50,510 --> 00:42:53,080
그래서 난 그냥 갈거야
이 닫혀 있는지 확인하십시오.

774
00:42:53,080 --> 00:43:01,805
자,이 변화를 종료하자
제 4 부에, 네 단계.

775
00:43:01,805 --> 00:43:02,305
확인을 클릭합니다.

776
00:43:02,305 --> 00:43:11,220

777
00:43:11,220 --> 00:43:13,250
>> 이제 우리의 유성 코드가 실행 중입니다.

778
00:43:13,250 --> 00:43:19,480
그리고 당신은없이,이 업데이트 된 것을 볼 수있다
우리는 심지어 페이지를 새로 고침 할 필요.

779
00:43:19,480 --> 00:43:24,410
여기에서 변경된 것은 지금
우리가 어떤 작업을하지 않아도,

780
00:43:24,410 --> 00:43:29,530
그러나 우리는 여기에,이 양식을 가지고
텍스트 상자, 우리의 새로운 작업을 추가 할 수 있습니다.

781
00:43:29,530 --> 00:43:31,550
그리고 우리는 여기에 우리의 작업을 입력 할 수 있습니다.

782
00:43:31,550 --> 00:43:34,564
나는 HTML 페이지에서 왔습니다.

783
00:43:34,564 --> 00:43:36,105
나는 Enter 키를 누를 때 제출 받았습니다.

784
00:43:36,105 --> 00:43:39,180

785
00:43:39,180 --> 00:43:44,540
>> 우리는 같이 무슨 일이 있었는지 볼 수 있습니다
자바 스크립트 코드에 의해 정의.

786
00:43:44,540 --> 00:43:49,930
무엇이 기능 한 것은이었다
양식에서 텍스트를 가지고,

787
00:43:49,930 --> 00:43:53,680
다음 그냥 tasks.insert라고
같은 우리는 콘솔했다.

788
00:43:53,680 --> 00:43:56,410
또한 createdAt 날짜를 추가하기로 결정했습니다.

789
00:43:56,410 --> 00:43:59,840
이 방법은 것입니다
현재 시간을 지정합니다.

790
00:43:59,840 --> 00:44:03,220
그 이후로하여 폼을 클리어
확인 값은 빈 문자열입니다.

791
00:44:03,220 --> 00:44:06,550
>> 그리고, 그것은 거짓 반환 호출
다른 있는지 아무 일도 발생하지합니다.

792
00:44:06,550 --> 00:44:10,350
당신은에서 false를 반환하는 경우
실행을 중지 형태의 이벤트.

793
00:44:10,350 --> 00:44:14,520
폼이 작용을 말한다
같은 PHP 페이지로 제출합니다.

794
00:44:14,520 --> 00:44:16,980
당신은 반환하지 않았다면
거짓, 당신은 true를 반환 것입니다.

795
00:44:16,980 --> 00:44:18,500
그것은 그 요청을 끝낼 것입니다.

796
00:44:18,500 --> 00:44:20,590
거짓 차단을하고
그것은 바로 거기를 중지합니다.

797
00:44:20,590 --> 00:44:23,510

798
00:44:23,510 --> 00:44:28,610
>> 그래서 약간의 데모에 대한이었다
유성 작동하고, 우리는 얼마나

799
00:44:28,610 --> 00:44:30,980
잠시 동안 튜토리얼 다음이었다.

800
00:44:30,980 --> 00:44:33,560
그리고 당신은 주시기 바랍니다 수 있습니다
무료로이 일을 계속합니다.

801
00:44:33,560 --> 00:44:37,760
자원의 많음이있다,
그리고 튜토리얼은 실제로

802
00:44:37,760 --> 00:44:40,400
설명에 대해 매우 좋은
무슨 일인지.

803
00:44:40,400 --> 00:44:44,362
나는에, 지금 보여주고 싶은 않습니다
우리는 남아있는 몇 분,

804
00:44:44,362 --> 00:44:46,320
일부 무엇인가
유성의 냉각 기능,

805
00:44:46,320 --> 00:44:48,772
과의 일부를 무엇
더 유용한 패키지.

806
00:44:48,772 --> 00:44:51,730
유성에 대한 위대한 업적 중 하나
당신이 패키지 시스템을 가지고있다.

807
00:44:51,730 --> 00:44:55,620
당신은 쉽게 코드를 통합 할 수 있습니다
개발자의 수천

808
00:44:55,620 --> 00:44:58,840
전 세계적으로 작성했습니다
당신의 유성 프로젝트로.

809
00:44:58,840 --> 00:45:02,410
이것의 한 예는 당신이 힘이다
튜토리얼의 9 단계에서 할

810
00:45:02,410 --> 00:45:07,435
당신은 계정을 추가하려고
당신의 유성 프로젝트.

811
00:45:07,435 --> 00:45:10,010

812
00:45:10,010 --> 00:45:13,690
우리는 CS50의 PHP가있는 경우
프로젝트, 우리는 것

813
00:45:13,690 --> 00:45:17,810
프레임 워크에 의존하는
또는 우리 자신의 코드를 만들려면

814
00:45:17,810 --> 00:45:20,820
우리가 안전하게 처리 확인
사용자 이름과 패스워드

815
00:45:20,820 --> 00:45:23,120
데이터베이스 기억
그리고 그 모든.

816
00:45:23,120 --> 00:45:25,670
>> 그것은 유성 일부가 밝혀
패키지는 당신을 위해 할 일

817
00:45:25,670 --> 00:45:29,160
아주 쉽게 할 수 있습니다.

818
00:45:29,160 --> 00:45:31,950
우리가 할 수있는 것은 몇 가지 패키지를 추가합니다.

819
00:45:31,950 --> 00:45:37,450
그럼 그 권리를하자
지금 우리의 콘솔.

820
00:45:37,450 --> 00:45:42,460
내가 프로젝트를 종료하겠습니다과
지금 간단한 수행 할 작업으로 이동합니다.

821
00:45:42,460 --> 00:45:47,450

822
00:45:47,450 --> 00:45:50,050
이제 간단 수행 할 작업입니다
프로젝트 당신을

823
00:45:50,050 --> 00:45:53,500
수행 후해야합니다
11 단계 또는 12 단계와,

824
00:45:53,500 --> 00:45:55,250
이 튜토리얼의 끝에서.

825
00:45:55,250 --> 00:45:58,642
그리고보고에서의 빠르게 살펴 보자
우리가 가지고있는 다양한 기능은 무엇인가.

826
00:45:58,642 --> 00:46:01,610
그냥이 실행중인 있는지 확인하자.

827
00:46:01,610 --> 00:46:04,400
때로는 시간이 걸립니다
새로 고침,하지만 여기있다합니다.

828
00:46:04,400 --> 00:46:09,710
>> 우리는 숨을 우리의 옵션이 있습니다
작업을 완료는, 우리는 로그인 할 수 있습니다.

829
00:46:09,710 --> 00:46:11,770
그리고이 함께 이루어졌다
유성 패키지.

830
00:46:11,770 --> 00:46:12,270
그것은 좋아요.

831
00:46:12,270 --> 00:46:14,910
우리는 지금 username을했다
에서와 비밀번호 로그인합니다.

832
00:46:14,910 --> 00:46:19,170
우리가 추가하고자한다면하지만
로그인 메커니즘 다른 종류의?

833
00:46:19,170 --> 00:46:22,560
이 전 로그인 할 필요가 있다고합시다
내 유성 계정으로.

834
00:46:22,560 --> 00:46:27,270
나는 유성 추가 기능을 실행하는 것, 그리고이있어
패키지를 추가하는 구문입니다.

835
00:46:27,270 --> 00:46:32,160
나는 계정 및 accounts.meteor을 말할 수있다.

836
00:46:32,160 --> 00:46:35,720
지금은 찾을 것
패키지 및로드합니다.

837
00:46:35,720 --> 00:46:40,480
당신은 내가하지 않은 것을 볼 수있다
오른쪽 패키지 이름을 발견했다.

838
00:46:40,480 --> 00:46:42,820
>> 그렇다면 패키지에 대해 알 수 있습니까?

839
00:46:42,820 --> 00:46:46,380
잘 만든 좋은 웹 사이트, 거기에
유성 사람들하여 사용할 수

840
00:46:46,380 --> 00:46:47,780
atmospherejs.com을했다.

841
00:46:47,780 --> 00:46:52,520
Atmospherejs, 한 단어, 점
COM은, 좋은 저장소입니다

842
00:46:52,520 --> 00:46:57,660
유성의 모든를 찾는
저장소에있는 패키지.

843
00:46:57,660 --> 00:47:05,140
나는 다음 계정을 검색 할 수 있습니다
모든 관련 물건을 나에게 보여주지,

844
00:47:05,140 --> 00:47:07,320
계정의 이름을 가진 모든 패키지.

845
00:47:07,320 --> 00:47:10,180

846
00:47:10,180 --> 00:47:13,270
>> 즉로드하는 동안, 우리는 시도 할 수 있습니다
다른 패키지를 추가.

847
00:47:13,270 --> 00:47:19,380
아마 유성 패키지가 작동하지 않습니다
지금, 그러나 나는 페이스 북을 추가 할 수 있습니다.

848
00:47:19,380 --> 00:47:22,860

849
00:47:22,860 --> 00:47:27,190
나는 다음 계정을 추가 할 수
다시 유성 프로젝트를 실행합니다.

850
00:47:27,190 --> 00:47:33,260

851
00:47:33,260 --> 00:47:36,900
이가 시작되면, 보자
어떻게 웹 사이트에 바뀌.

852
00:47:36,900 --> 00:47:40,010

853
00:47:40,010 --> 00:47:44,580
당신은 내가 수도 알아요 ... 수
여기를 새로해야합니다.

854
00:47:44,580 --> 00:47:47,320
>> 나는 버튼을
페이스 북 로그인을 구성합니다.

855
00:47:47,320 --> 00:47:49,765
그리고 여기, 나는 모든이
지침 유성

856
00:47:49,765 --> 00:47:52,960
당신을 위해 준비하고있다
페이스 북 응용 프로그램을 설정.

857
00:47:52,960 --> 00:47:58,990
그리고 당신은 그것을 사용할 수 있습니다
정보는 사용자 ID를 추가 할 수 있습니다.

858
00:47:58,990 --> 00:48:04,130
이 작업이 일단, 당신은 할 것
앱에서 작업 페이스 북 로그인.

859
00:48:04,130 --> 00:48:08,559
>> 난 그냥 줄게
응용 프로그램 ID 및 비밀,

860
00:48:08,559 --> 00:48:10,100
그냥이 작동하는 방법을 표시합니다.

861
00:48:10,100 --> 00:48:16,000

862
00:48:16,000 --> 00:48:20,360
당신은 페이스 북 계정이 필요합니다
페이스 북 개발자 옵션을 사용합니다.

863
00:48:20,360 --> 00:48:31,160

864
00:48:31,160 --> 00:48:35,290
나 그냥 빨리을 찾아 보자
필요 유성 키.

865
00:48:35,290 --> 00:48:46,994

866
00:48:46,994 --> 00:48:49,160
나는 또 다른 유성 프로젝트가
내가 사용하는거야 것으로,

867
00:48:49,160 --> 00:48:55,590
난 그냥 걸릴거야
해당 파일에서 키.

868
00:48:55,590 --> 00:49:14,410

869
00:49:14,410 --> 00:49:20,930
>> 나는 그것을 찾을 일단, 난 그냥 할 수 있습니다
내 페이스 북에 이러한 키를 복사합니다.

870
00:49:20,930 --> 00:49:23,489
그래서 여기에 키입니다.

871
00:49:23,489 --> 00:49:24,280
그리고 이것은 비밀입니다.

872
00:49:24,280 --> 00:49:26,071
당신은 안
사람들이 공유.

873
00:49:26,071 --> 00:49:28,870

874
00:49:28,870 --> 00:49:30,910
그리고 당신은 그것을 앱의 비밀을 제공합니다.

875
00:49:30,910 --> 00:49:33,560
그리고이 때문에 페이스 북이다
당신은 당신입니다 알고있다.

876
00:49:33,560 --> 00:49:37,630

877
00:49:37,630 --> 00:49:39,080
그리고 당신은 구성을 저장합니다.

878
00:49:39,080 --> 00:49:45,160

879
00:49:45,160 --> 00:49:48,640
>> 나는 공정 I 생각
내 유성 응용 프로그램을 중지했다.

880
00:49:48,640 --> 00:49:52,290
그래서 난 그냥 만들고 싶어
확실히 그것은 여전히​​있다.

881
00:49:52,290 --> 00:49:54,962

882
00:49:54,962 --> 00:49:58,610
좋아, 확실히 우리의 유성 서버를 만들어 보자
그래서 웹 페이지가 실행되고 실행된다.

883
00:49:58,610 --> 00:50:02,440
우리는 유성을 중지하면 주목
서버는 페이지가 아직도있다.

884
00:50:02,440 --> 00:50:04,700
그것은 단지 더 이상 업데이트되지 않습니다.

885
00:50:04,700 --> 00:50:10,290
유성 서버가 필요하다
확실히 만들기위한 페이지가 살아 있습니다.

886
00:50:10,290 --> 00:50:14,050
>> OK, 나는 그것을 제출, 현재했습니다
나는 페이스 북으로 로그인 할 수 있습니다.

887
00:50:14,050 --> 00:50:17,400
지금은 단지 문제
페이스 북 팝업을 갖는

888
00:50:17,400 --> 00:50:21,710
귀하의 계정에 넣어
정보 및 로깅한다.

889
00:50:21,710 --> 00:50:24,520

890
00:50:24,520 --> 00:50:27,930
당신이 그렇게하면, 페이스 북은 수도
당신이 좀 더 보안에 대한 자성.

891
00:50:27,930 --> 00:50:29,810
그래서 우리는이 중단됩니다.

892
00:50:29,810 --> 00:50:34,110
중요한 점은이 완료 때
그와 함께, 당신은 페이스 북의 로그인을해야합니다.

893
00:50:34,110 --> 00:50:37,850
>> 유성의 무리가
다른 패키지뿐만 아니라.

894
00:50:37,850 --> 00:50:39,200
당신은 구글에 로그인 할 수 있습니다.

895
00:50:39,200 --> 00:50:40,500
당신은 GitHub의에 로그인 할 수 있습니다.

896
00:50:40,500 --> 00:50:42,170
당신은 트위터에 로그인 할 수 있습니다.

897
00:50:42,170 --> 00:50:44,870
당신이 검색하는 경우 또는, 당신은거야
다른 것들을 많이 찾을

898
00:50:44,870 --> 00:50:49,170
만남을, 링크드 인 등,
유성 개발자.

899
00:50:49,170 --> 00:50:53,100
그래서 유성 개발자이었다
패키지 나는 찾고 있었다.

900
00:50:53,100 --> 00:50:56,170
유성은 계정 - 유성 - 개발자를 추가합니다.

901
00:50:56,170 --> 00:51:06,192

902
00:51:06,192 --> 00:51:07,900
한편, I
또한 추천하고 싶은

903
00:51:07,900 --> 00:51:11,340
프로젝트에 대한 몇 가지 다른 패키지.

904
00:51:11,340 --> 00:51:14,670
그것은에 유용 할 수 있습니다
jQuery를 패키지에 포함되어 있습니다.

905
00:51:14,670 --> 00:51:17,909
이것은 당신이 사용할 수 있습니다
고객의 jQuery를.

906
00:51:17,909 --> 00:51:21,200
당신은 하나의 라인으로 작업을 수행하고 수
유성은 당신이 최신있어 할 것

907
00:51:21,200 --> 00:51:21,825
jQuery를합니다.

908
00:51:21,825 --> 00:51:24,330

909
00:51:24,330 --> 00:51:27,450
또한 휴스턴 추천 : 관리자를.

910
00:51:27,450 --> 00:51:31,550
>> 이 phpMyAdmin과 같은 종류의 것입니다
당신의 MongoDB를위한 도구 가지.

911
00:51:31,550 --> 00:51:33,890
이것은 당신이 편집 할 수 있습니다
데이터를 아주 쉽게

912
00:51:33,890 --> 00:51:37,950
몽고 쉘에 갈 필요없이,
같은 나는 이전 세미나했었다.

913
00:51:37,950 --> 00:51:43,160

914
00:51:43,160 --> 00:51:47,101
그래서 지금은 실행중인으니, 실행하자
다시 유성 우리가 무엇을 할 수 있는지.

915
00:51:47,101 --> 00:51:56,240

916
00:51:56,240 --> 00:52:00,720
>> 당신은 어떤 패키지를 추가 통지
그들에게 어떤 경고를 제시해야 할 수도 있습니다.

917
00:52:00,720 --> 00:52:02,720
당신은 걱정할 필요가 없습니다
휴스턴과 그것에 대해.

918
00:52:02,720 --> 00:52:06,040

919
00:52:06,040 --> 00:52:10,810
그래서 우리는 이제 옵션을 가질 수있다
유성 관리자를 구성합니다.

920
00:52:10,810 --> 00:52:15,080
그리고 그들은 당신에게 방향을 제공
당신은을 설정합니다.

921
00:52:15,080 --> 00:52:17,750

922
00:52:17,750 --> 00:52:20,440
>> 우리는 또한 지금 / 관리로 이동 할 수 있습니다.

923
00:52:20,440 --> 00:52:23,280
이를 데려
휴스턴 패키지로 제공.

924
00:52:23,280 --> 00:52:27,470
그리고 이것은 유성 관리 인터페이스입니다.

925
00:52:27,470 --> 00:52:30,660
당신은 단지를 만들
관리자 계정, 같은.

926
00:52:30,660 --> 00:52:38,150
페이지를 새로 고치면, 당신은 수도
일부 컬렉션 게재합니다.

927
00:52:38,150 --> 00:52:40,980

928
00:52:40,980 --> 00:52:43,460
>> 그것은 매우 유용한 도구입니다
또한 강력하게 추천합니다.

929
00:52:43,460 --> 00:52:46,717

930
00:52:46,717 --> 00:52:49,050
당신은 때문에 그것을 볼 수 있습니다
휴스턴은 약간의 오차가주고 있었다,

931
00:52:49,050 --> 00:52:52,330
우리는 어떤 컬렉션이 없습니다
지금까지 보여.

932
00:52:52,330 --> 00:52:56,800
당신이 휴스턴을 사용하는 방법은
이 기능을 가져옵니다 확인하고

933
00:52:56,800 --> 00:52:58,860
당신의 간단한 수행 할 작업에했다.

934
00:52:58,860 --> 00:53:01,370
그래서 휴스턴하지 않습니다
내 작업이 무엇인지 알고있다.

935
00:53:01,370 --> 00:53:04,490
>> 우리는 몽고를 설정
수집라는 작업.

936
00:53:04,490 --> 00:53:11,390
의 간단한-일하러 단지로 가자
그 자바 스크립트로 확인,

937
00:53:11,390 --> 00:53:16,295
우리는 우리의 컬렉션에 작업을 추가했습니다.

938
00:53:16,295 --> 00:53:19,340

939
00:53:19,340 --> 00:53:25,670
우리는 지금 저장 한, 그것은으로 구축되어
응용 프로그램, 상쾌한.

940
00:53:25,670 --> 00:53:26,750
그리고 보자.

941
00:53:26,750 --> 00:53:29,090
이제 우리는 몇 가지 작업을해야합니다.

942
00:53:29,090 --> 00:53:32,630
그리고 우리는 몇 가지 새로운 작업을 추가 할 수 있습니다.

943
00:53:32,630 --> 00:53:35,840
하지만 우리가 작업을 추가 할 경우,
의 앱 자체와 함께 할 수 있습니다.

944
00:53:35,840 --> 00:53:39,660

945
00:53:39,660 --> 00:53:41,050
>> 이제 우리는 일부 데이터를 추가 할 수 있습니다.

946
00:53:41,050 --> 00:53:53,410
안녕하세요, 작업입니다.

947
00:53:53,410 --> 00:53:57,080
그것은 가지 이상한 것 같다
우리는 어떤 작업 표시되지 않는.

948
00:53:57,080 --> 00:54:00,290

949
00:54:00,290 --> 00:54:05,260
우리가 어떤을 가지고 있다면 우리는 확인 할 수 있습니다
여기에, 아니면 다른 곳에서 오류가 발생합니다.

950
00:54:05,260 --> 00:54:08,810

951
00:54:08,810 --> 00:54:20,260
우리가 관리자로 이동하는 경우, 그 이상한 것 같다.

952
00:54:20,260 --> 00:54:24,080
당신은 저장소를 당긴다면
이 세미나 후,

953
00:54:24,080 --> 00:54:27,580
나는 있는지 확인합니다
단순 수행 할 작업은 휴스턴에서 작동합니다.

954
00:54:27,580 --> 00:54:30,370
불행하게도, 그것은하지 않는 것
이 순간에 작동합니다.

955
00:54:30,370 --> 00:54:34,810

956
00:54:34,810 --> 00:54:37,640
>> 다른 질문이 있습니까?

957
00:54:37,640 --> 00:54:41,800
휴스턴 일반적이다
아주 잘 작동 도구입니다.

958
00:54:41,800 --> 00:54:44,510
휴스턴은 특히 비트입니다
다른 것보다 buggier,

959
00:54:44,510 --> 00:54:49,470
그러나 나는 그것이 작동 할 때 추천 할.

960
00:54:49,470 --> 00:54:50,080
그래.

961
00:54:50,080 --> 00:54:52,395
>> 청중 : 당신은 무엇을 할 수
페이스 북 패키지

962
00:54:52,395 --> 00:54:54,270
사용자가 기록되면
자신의 페이스 북?

963
00:54:54,270 --> 00:54:55,978
>> 로저 ZURAWICKI 일단
사용자는 로그인

964
00:54:55,978 --> 00:54:59,540
당신은 페이스 북의 API를 호출 할 수 있습니다.

965
00:54:59,540 --> 00:55:02,890
그 많은 더 많은 거짓말
어떻게 페이스 북은 자신의 API를 엽니 다.

966
00:55:02,890 --> 00:55:05,120
유성, 당신 확인
연결을 가지고있다.

967
00:55:05,120 --> 00:55:09,300
그러나 그 후 모든 문제입니다
의 페이스 북 API를 사용하는 방법을 학습합니다.

968
00:55:09,300 --> 00:55:10,216
청중 : [들리지].

969
00:55:10,216 --> 00:55:17,756

970
00:55:17,756 --> 00:55:18,880
로저 ZURAWICKI : 좋습니다.

971
00:55:18,880 --> 00:55:21,670
대단히 감사합니다
유성이 CS50 세미나.

972
00:55:21,670 --> 00:55:24,060
당신은 질문이있는 경우,
당신은 저를 이메일을 보내 수 있습니다

973
00:55:24,060 --> 00:55:28,319
내 이메일 주소
세미나 아래에 나열된.

974
00:55:28,319 --> 00:55:30,110
그리고 드리겠습니다
귀하의 질문에 대답합니다.

975
00:55:30,110 --> 00:55:33,020
나는 또한에있을거야
CS50 핵킹 마라톤해야

976
00:55:33,020 --> 00:55:35,550
당신은 당신의 유성 프로젝트와 도움이 필요합니다.

977
00:55:35,550 --> 00:55:37,650
시청 해 주​​셔서 감사합니다.

978
00:55:37,650 --> 00:55:38,816