1
00:00:00,120 --> 00:00:15,130
자 이제 제이 코리에 대한 제 소개와 제이 쿼리에 대한 저의 의견 및 우리가 여기서 취하고있는 접근법에 대해 간단히 요약하면 바닐라 자바 ​​스크립트로 시작 했으므로 이제는 자신감있게 행동하게되었습니다. 그런 식으로 우리는 제이 퀘리로 옮깁니다.

2
00:00:15,510 --> 00:00:20,770
따라서 우리가 먼저 이야기해야 할 것은 애플리케이션에 쿼리를 포함시키는 방법입니다.

3
00:00:20,880 --> 00:00:27,250
그래서 나는 아주 단순한 응용 프로그램으로 시작할 것입니다. 단지 제 나이에 입에 넣고 제목을 붙이기 만하면됩니다.

4
00:00:27,370 --> 00:00:33,390
Jay queery 데모 Jay on Jay queery는 항상 소문자입니다.

5
00:00:33,450 --> 00:00:37,990
이유 Q를 묻지 마십시오. 대문자가 몇 가지 요소에 불과합니다.

6
00:00:38,030 --> 00:00:38,310
제이

7
00:00:38,310 --> 00:00:39,380
코리 데모.

8
00:00:39,870 --> 00:00:46,710
그것과 아마 동맹 일 수도 있고 두 가지 일 수도 있고 그냥 임의의 텍스트 일 ​​것입니다.

9
00:00:47,100 --> 00:00:49,980
OK 그래서 3 명의 동맹국 등.

10
00:00:50,040 --> 00:00:52,440
그리고 H-1을 저장하면 저장됩니다.

11
00:00:52,710 --> 00:00:55,920
그리고 물론 브라우저에서이를 열어 볼 것입니다.

12
00:00:56,580 --> 00:00:58,960
여기에 데모 페이지가 있습니다.

13
00:00:59,190 --> 00:01:04,220
우리 자신의 애플리케이션과 우리 시대의 html 파일에 쿼리를 추가하는 방법은 몇 가지가 있습니다.

14
00:01:04,440 --> 00:01:07,140
J 쿼리는 자바 스크립트 파일이라는 것을 기억하십시오.

15
00:01:07,230 --> 00:01:10,080
지금까지 작성한 파일과 다르지 않습니다.

16
00:01:10,080 --> 00:01:13,320
우리의 컬러 게임처럼 A-S 나 To Do 목록을 피하십시오.

17
00:01:13,410 --> 00:01:18,570
예 또는 스크립트 태그를 사용하여 만들고 링크 한 모든 자바 스크립트 파일.

18
00:01:18,570 --> 00:01:21,990
두 가지 방법 모두에서 스크립트 태그를 사용하고 있습니다.

19
00:01:21,990 --> 00:01:24,900
유일한 차이점은 소스 속성입니다.

20
00:01:25,080 --> 00:01:36,020
그리고이 경우 우리는 파일에 로컬로 연결하고 있는데, 그 의미는 내가 쿼리를위한 코드를 다운로드하고 그것을 내 프로젝트와 동일한 디렉토리에 넣은 다음 연결 한 것입니다.

21
00:01:36,120 --> 00:01:50,460
그래서 우리가 J Crew 문서를 읽고 다운로드를 클릭하면 버전을 선택해야하며 최신 2.1 포인트 4로 갈 것이고 우리는 몇 가지 옵션.

22
00:01:50,550 --> 00:01:57,130
압축 된 제작 Jey 쿼리 2.0 포인트 1.4와 압축되지 않은 개발 버전을 다운로드 할 수 있습니다.

23
00:01:57,180 --> 00:01:58,500
나는 둘 다 할 것입니다.

24
00:01:58,500 --> 00:02:03,530
일반적으로 압축하기 때문에로드하는 것이 더 빠릅니다.

25
00:02:03,630 --> 00:02:05,380
그러나 나는 그것이 어떻게 생겼는지 보여주고 싶습니다.

26
00:02:05,550 --> 00:02:10,860
따라서 압축되지 않은 압축 파일과 압축 파일을 구하고 두 개의 다른 파일을 볼 수 있습니다.

27
00:02:10,860 --> 00:02:17,820
우리는 Dot J.S.의 1 점을 지적하기 위해 제이가 기발합니다. J는 남성에게 2.1 %의 질문을 던졌다.

28
00:02:18,030 --> 00:02:19,080
예.

29
00:02:19,080 --> 00:02:22,310
그래서 저는 두 사람 모두 여기에서 숭고하게 열어 갈 것입니다.

30
00:02:22,530 --> 00:02:26,880
그냥 드래그하여 살펴 보겠습니다.

31
00:02:26,970 --> 00:02:29,720
따라서이 파일은 압축되지 않은 버전입니다.

32
00:02:29,970 --> 00:02:31,810
그리고 내가 스크롤 할 때.

33
00:02:32,310 --> 00:02:35,730
그것이 정말 긴 자바 스크립트 파일이라는 것을 주목하십시오.

34
00:02:36,000 --> 00:02:50,730
9000 라인이 넘기 때문에이 파일을 포함 시키거나 동일한 코드 인 최소화 된 버전을 포함 할 수 있습니다.하지만 무언가가 최소화되거나 압축 될 때 모든 공백이 제거됩니다.

35
00:02:50,730 --> 00:03:13,320
그래서이 모든 것들이 반환되고 모든 주석은 사라지고 변수와 속성의 모든 이름은 하나의 문자로 단축되어서 우리는 em과 같은 것을 볼 수 있습니다. 또는 ABC와 같은 것들을 가질 수 있습니다. 압축되지 않은 파일이므로 두 파일 중 하나를 포함 할 수 있습니다.

36
00:03:13,500 --> 00:03:17,580
그리고 그렇게하기 위해 파일을 올바른 디렉토리에 추가해야합니다.

37
00:03:17,940 --> 00:03:22,540
따라서 프로젝트 대신 새 폴더를 만들어 lib로 부르겠다.

38
00:03:22,710 --> 00:03:24,650
그리고 우리는 이것을 할 필요가 없습니다.

39
00:03:24,690 --> 00:03:30,780
두 파일을 우리 팀과 같은 디렉토리에 드래그 할 수 있습니다.

40
00:03:30,780 --> 00:03:33,100
나는 파일을 작성하고 그 방법으로 시작해서 너에게 보여줄거야.

41
00:03:33,330 --> 00:03:50,740
그래서 저는 H Tim L 파일을 열고 여기에 스크립트 태그를 추가 할 것입니다. 소스가 같아야하고,이 이름을 여기에 써야합니다.이 J 이름은 점 J를 가리키는 한 점을 가리키는 쿼리입니다. 대시.

42
00:03:50,760 --> 00:03:55,750
그래서 나는 그것을 복사하여 소스를 질의 대시 2로 설정합니다. 1.4.

43
00:03:55,780 --> 00:03:56,050
제이

44
00:03:56,060 --> 00:04:05,760
네,이 파일 J Curry 데모가 Jay Querrey 2.1 14 : 4와 같은 위치에 있다면 우리는 잘해야합니다.

45
00:04:06,030 --> 00:04:11,670
그래서 브라우저에서 저장하고 다시 열어 보겠습니다.

46
00:04:11,790 --> 00:04:17,150
콘솔을 열면 실제로 J Query라는 단어를 입력하고 Enter 키를 누릅니다.

47
00:04:17,250 --> 00:04:22,050
쿼리가 애플리케이션에 올바르게 추가되었다는 오류 메시지가 표시되지 않으면

48
00:04:22,560 --> 00:04:40,350
그래서 이것을 구조화하는 더 좋은 방법은 lib라는 별개의 디렉토리에 실제로 이것을 두어 라이브러리 자바 스크립트 파일에서 우리 자신의 javascript 파일을 분리 할 수 ​​있도록하는 것입니다. 그래서 우리는 그들을 혼동하지 않고 우리의 디렉토리를 어수선하게 만들지 않습니다 구조이므로 필수는 아닙니다.

49
00:04:40,350 --> 00:04:42,220
당신이 본 것처럼 우리는 제이 쿼리 작업을했습니다.

50
00:04:42,540 --> 00:04:46,320
하지만 더 좋은 방법은 디렉토리를 만드는 것입니다. 우리는이 디렉토리를 호출 할 수 있습니다.

51
00:04:46,440 --> 00:04:48,320
원할 경우 J 커브라고 부를 수 있습니다.

52
00:04:48,480 --> 00:04:51,820
나는 lib와 함께 갈 것이고, 나는 여기서 나의 링크를 바꿀 필요가있다.

53
00:04:51,840 --> 00:04:59,330
내 소스 lib 슬래시 제이 쿼리 1 점 4 지점을 가리 키도록해야하고 내 할거야.

54
00:04:59,550 --> 00:05:01,140
예, 그렇게하지 않아도됩니다.

55
00:05:01,140 --> 00:05:03,660
기능상의 차이는 없습니다.

56
00:05:03,660 --> 00:05:07,980
유일한 차이점은로드하는 것이 더 빠르다는 것입니다.하지만 여기에로드해야합니다.

57
00:05:08,220 --> 00:05:10,350
다시 말하면 우리는 둘 다 필요하지 않습니다.

58
00:05:10,380 --> 00:05:13,810
우리는 단지 하나만 필요로하고 우리는 그것을 올바르게 연결해야합니다.

59
00:05:14,250 --> 00:05:15,670
그럼 제대로 작동하는지 확인합시다.

60
00:05:15,710 --> 00:05:18,660
잘 작동하는 속도를 새로 고칩니다.

61
00:05:18,720 --> 00:05:25,680
J 쿼리를 입력 할 수 있으며 달러 기호도 입력 할 수 있습니다. 이러한 쿼리가 작동하면 시트 쿼리가 올바르게 설치되었음을 알 수 있습니다.

62
00:05:26,070 --> 00:05:31,640
따라서 쿼리를 로컬에서 다운로드 한 다음 스크립트 태그를 사용하여 쿼리에 연결할 수있는 첫 번째 방법입니다.

63
00:05:31,840 --> 00:05:45,750
CD로 CD를 사용하고 콘텐츠 분산 네트워크를 의미하는 또 다른 옵션이 있습니다. 실제로는 컴퓨터에 다운로드 할 필요없이 온라인에서 파일을 가져 오는 방법 일뿐입니다.

64
00:05:45,810 --> 00:05:53,680
그래서 우리가 바로 여기 Arel을 복사한다면, 당신에게 보여 드리겠습니다. 버전 2.0을위한 AJ queery CDN이 될 것입니다. 1.4.

65
00:05:53,770 --> 00:05:58,660
그리고 그 URL로 가면 J Corey 파일 만 볼 수 있습니다.

66
00:05:58,920 --> 00:06:09,850
우리가 할 수있는 일은 Arel이나 다른 J queery CD에 대한 링크입니다. 온라인에있는 파일이 많아서 로컬 파일에 링크하는 것과 같은 방식으로 작동합니다.

67
00:06:09,870 --> 00:06:20,410
유일한 차이점은 컴퓨터에서 로컬이기 때문에 실제로 조금 더 빠르게로드된다는 것이며 CD로 바꾸면 우리에게 눈에 띄지 않습니다.

68
00:06:20,530 --> 00:06:30,430
그러나 후드에서는 좀 더 오래 걸리지 만 물론 우리가 작성한 모든 응용 프로그램에 대해 Jay 쿼리의 사본을 다운로드 할 필요가 없기 때문에 사용하기가 훨씬 쉽고 간단합니다.

69
00:06:30,780 --> 00:06:33,010
그래서 내가 새로 고쳐 줄거야.

70
00:06:33,750 --> 00:06:37,350
여기에 J 쿼리를 입력하면 여전히 작동해야합니다.

71
00:06:37,770 --> 00:06:40,190
마지막으로 CDN을 어떻게 찾았는지 보여 드리겠습니다.

72
00:06:40,230 --> 00:06:50,770
새로운 탭을 열고 Cdn Jay를 찾으십시오. Cdn을 검색 한 다음 나중에 다른 라이브러리를 볼 수있는 다른 라이브러리를 검색하면됩니다.

73
00:06:50,810 --> 00:06:52,110
마이크 J 쿼리.

74
00:06:52,110 --> 00:06:53,650
우리는 많은 링크가 있다는 것을 알게 될 것입니다.

75
00:06:53,850 --> 00:06:55,850
따라서 Jay 질의에는 공식적인 질의가 있습니다.

76
00:06:55,860 --> 00:07:02,880
Cdn 닷지 시티 뉴저지는 닷컴을 운영하고 있습니다. 우리는 당신을 잔뜩 또는 다른 곳으로 복사 할 수 있습니다.

77
00:07:02,910 --> 00:07:07,040
우리는 3.00 버전이므로주의해야합니다.

78
00:07:07,200 --> 00:07:14,210
우리가 2.20 점 4로 가면 정상적인 버전과 수정 된 버전의 압축을 풉니 다.

79
00:07:14,470 --> 00:07:17,090
그리고 내가 네가 잘 간다면 네가 보여줄거야.

80
00:07:17,310 --> 00:07:18,720
나는 그들을 파일 파일에서 본다.

81
00:07:19,110 --> 00:07:20,490
끝내기 위해서.

82
00:07:20,700 --> 00:07:22,130
어느 쪽이든 작동합니다.

83
00:07:22,230 --> 00:07:32,000
두 경우 모두 스크립트 태그가 필요하지만 원본은 로컬 파일이거나 CDN을 사용하여 연결되는 다른 곳에서 호스팅되는 파일입니다.

84
00:07:32,100 --> 00:07:36,870
당신이하고 싶은 마지막 일은 법정의 모습을 30 초 간 미리 볼 수있게하는 것입니다.

85
00:07:37,110 --> 00:07:39,930
J 쿼리가 어떻게 생겼는지에 대한 약간의 설명이 있습니다.

86
00:07:39,930 --> 00:07:45,300
당신이 알아 차릴지도 모르는 첫번째 물건은 4 개의 다른 장소에서 사용되는 달러 표시 다라는 것이다.

87
00:07:45,300 --> 00:07:51,480
우리는 돔 클릭과 같은 방법을 사용하여 SS 도트가 점 제거되도록 페이드 아웃하는 것을 볼 수 있습니다.

88
00:07:51,690 --> 00:08:04,940
이 코드가 실제로 할 일은 ID 트리거가있는 버튼을 선택하는 것입니다.이 버튼을 클릭하면이 코드가 모두 실행되며 클릭하면 클릭하면 신체의 배경색이 노란색으로 바뀝니다.

89
00:08:04,980 --> 00:08:08,290
우리는 페이지의 모든 이미지를 페이드 아웃 (fade out) 할 것입니다.

90
00:08:08,370 --> 00:08:15,340
페이드 아웃하는 데 3 초가 걸리고, 페이드 아웃이 끝나면 페이지에서 3 개의 이미지를 제거합니다.

91
00:08:15,750 --> 00:08:18,380
IDF 트리거가있는 버튼을 클릭하십시오.

92
00:08:18,390 --> 00:08:23,580
신체 색상을 변경하여 이미지를 3 초 이상 페이드 아웃 한 다음 완료되면 이미지를 제거하십시오.

93
00:08:23,970 --> 00:08:26,640
좋아요, 그래서 그것은 쿼리의 속도 미리보기였습니다.

94
00:08:26,730 --> 00:08:29,100
이제 실제로 다음 비디오에 약간의 글을 쓰기 시작하겠습니다.