1
00:00:00,270 --> 00:00:09,300
마지막 비디오 끝 부분에서 새로운 폴더 구조를 도입 할 것이므로 올바른 폴더와 파일을 먼저 만들어서 시작하겠습니다.

2
00:00:09,330 --> 00:00:14,350
그래서 나는 숭고하게 갈 것이고 나는 각 팀을 위해 새로운 파일을 만들 예정이다.

3
00:00:14,580 --> 00:00:18,700
우리의 주요 HTML 파일이 될 것입니다. 나는 그것을 색인화라고 부를 것입니다.

4
00:00:18,720 --> 00:00:23,690
H Tim L과 나는 그것을위한 폴더를 가지고있다. 나는 목록 프로젝트를하기 위해서 전화하고있다.

5
00:00:23,790 --> 00:00:33,790
HD M-L을 색인화 한 다음 기본 H-2 메일 보일러 플레이트에 추가하고 목록으로 저장하고 저장하겠습니다.

6
00:00:34,380 --> 00:00:37,200
그리고 나서 우리는 가서 몇 개의 새로운 디렉토리를 만들 것입니다.

7
00:00:37,680 --> 00:00:44,130
그리고 나는 파인더에서 그렇게 할 것이므로 마우스 오른쪽 버튼을 클릭하고 새 폴더를 만들 수 있습니다.

8
00:00:44,130 --> 00:00:50,270
명령 교대를 할 수 있으며, 또한 승화의 내부에서 그것을 할 수 있습니다.

9
00:00:50,400 --> 00:01:12,720
새 파일을 파일로 저장하고 저장하면 여기서 새 폴더를 클릭 할 수 있습니다. 그러나 새 폴더를 만들면 assets이라는 폴더를 만들고 그 다음에 두 개의 폴더를 만들 것입니다. JS 그리고 우리를 위해 또 하나.

10
00:01:13,740 --> 00:01:19,360
그리고 마지막으로 J.S. 대신에 우리는 lib라는 다른 폴더를 만들 것입니다.

11
00:01:19,830 --> 00:01:41,120
따라서 전체 구조를 이처럼 전체를 드래그하여이 전체 구조를 숭고한 내부로 열면 이제는이 구조가이 프로젝트를 수행하는 것을 볼 수 있습니다. 우리는 인덱스가 있고 자산 대신에 assets 디렉토리가 있습니다.

12
00:01:41,220 --> 00:01:46,700
우리에게는 C S가 있으며 자바 스크립트가 있고 자바 스크립트 대신 lib 디렉토리가 있습니다.

13
00:01:46,860 --> 00:01:58,670
그래서 우리는 C S 디렉토리 대신 J.S. 대신에 스타일 시트를 넣을 것입니다. 우리는 우리 자신의 커스텀 자바 스크립트를 넣을 것입니다. 여기서 우리는 jey 쿼리를 작성하고 lib 디렉토리는 우리가 추가 할 곳입니다.

14
00:01:58,790 --> 00:02:01,520
실제 J 쿼리 파일 자체를 쿼리하십시오.

15
00:02:01,800 --> 00:02:02,980
그래서 우리는 거기에서 시작할 것입니다.

16
00:02:03,120 --> 00:02:05,310
가자. 우리가 질문을하는지 확인하라.

17
00:02:05,580 --> 00:02:17,540
그래서 저는 Jay Querrey dot com으로 가서 CDN을하기보다는 최신 압축 버전을 다운로드 할 심각한 프로젝트이기 때문에 CDN을 사용하기로했습니다.

18
00:02:17,640 --> 00:02:22,850
바로 여기 압축 된 제작입니다 2.0 1.4.

19
00:02:23,430 --> 00:02:28,950
그런 다음 파일을 찾아 내 자산에 추가합니다.

20
00:02:29,010 --> 00:02:36,870
J.S. lib 그냥 그런 식으로 추가하고 지금 그 올바른 링크를 갈거야.

21
00:02:36,880 --> 00:02:39,520
내 공급자의 내부.

22
00:02:39,870 --> 00:02:43,350
따라서 HMO에서 스크립트 태그를 추가해야합니다.

23
00:02:44,250 --> 00:02:53,540
그리고 거기에 도착하는 길은 자산을 줄이기위한 것입니다. slash lib slash Jay는 고인돌에게 1 점을 지적했습니다.

24
00:02:53,650 --> 00:02:54,500
예.

25
00:02:54,570 --> 00:03:06,390
자바 스크립트 소스가 애셋 슬래시 J.S.와 같기 때문에 이제 스크립트 유형을 사용 해보겠습니다. 슬래시 lib 슬래시.

26
00:03:06,480 --> 00:03:10,370
제이 쿼리 대쉬 2.1 포인트 한 지점 네 남자.

27
00:03:10,620 --> 00:03:15,300
이 파일은 네 개의 긴 파일 이름이지만 저장하지 않아도됩니다.

28
00:03:15,510 --> 00:03:18,300
시작하기 위해 브라우저에서 열어 보겠습니다.

29
00:03:18,300 --> 00:03:23,130
그러니 열어 볼 때마다 색인 연구를 찾아보십시오.

30
00:03:23,160 --> 00:03:24,620
우리는 볼 것이 아무것도 없다.

31
00:03:24,870 --> 00:03:27,780
하지만 여기에 가면 검색어를 입력합니다.

32
00:03:27,780 --> 00:03:29,180
모든 것이 잘 작동합니다.

33
00:03:29,400 --> 00:03:34,550
나는 또한 시체를 선택함으로써 이것을 시험 할 수 있었고 그것은 잘 작동한다.

34
00:03:34,560 --> 00:03:36,620
그래서 우리가 갈 수 있다는 것을 의미합니다.

35
00:03:36,690 --> 00:03:42,360
다음으로 우리 스타일 시트와 우리 자신의 커스텀 javascript 파일을 가져 오는 것에 초점을 맞추자.

36
00:03:42,360 --> 00:03:44,660
그래서 우리는 스타일 시트를 먼저 만들 것입니다.

37
00:03:44,760 --> 00:03:59,890
그래서 새로운 파일을 만들고 저장해 봅시다. 그리고 저는 C-s 우리와 저는 자산으로 들어가서 SS를 보게 될 것입니다. 그리고 실제로 Dewes에게 SS가하는 일관성을 유지하는 스타일이라고 부릅니다.

38
00:04:00,090 --> 00:04:12,820
그래서 우리의 자산 C Ss 디렉토리 안에 C S S를 저장하고 저장하고 우리가 절대적으로 제거 할 신체 배경 자주색과 같은 것을 추가합시다.

39
00:04:13,020 --> 00:04:35,100
하지만 작동하는지 확인한 다음 여기에서 링크 된 태그를 추가하고 자산 슬래시 C의 올바른 경로를 추가합니다. SS SS가 Dewes의 C Ss로 바뀌면 저장하고 새로 고침하고 이제 우리 스타일 시트가 제대로 연결되어있는 것을 볼 수 있습니다.

40
00:04:35,100 --> 00:04:39,310
우리가 할 마지막 일은 우리 자신의 커스텀 javascript 파일을 만드는 것입니다.

41
00:04:39,420 --> 00:04:49,290
그래서 저는 새 파일을 만들어 저장하고 우리는 이것을 Scott J.S.에게 전화 할 것입니다. To Do List 작업을 수행 할 실제 코드를 작성합니다.

42
00:04:49,320 --> 00:04:53,250
그래서 그것은 자산 내부로 들어가야합니다.

43
00:04:53,280 --> 00:04:54,780
J.S. 그리고 그게 다야.

44
00:04:54,780 --> 00:05:05,870
lib는 외부 코드와 Jay Querrey와 같은 라이브러리를 넣을 곳이기 때문에 우리는 lib에 넣지 않습니다. 그래서 우리는 이것을 J S에 넣고 구조를 저장하려고합니다.

45
00:05:05,930 --> 00:05:10,310
우리가 J.S 대신에 사용해야하는 CSSA 자산

46
00:05:10,560 --> 00:05:14,830
우리는 J 쿼리가있는 lib 디렉토리를 가지고 있으며 우리는 할일이 있습니다.

47
00:05:14,860 --> 00:05:23,820
J.S. G-S 폴더 대신 투표에 간단한 경고를 추가하고 저장하십시오.

48
00:05:23,850 --> 00:05:39,170
이제 본사 메일로 돌아가서 다른 스크립트 태그를 추가하고 이번에는 자산을 슬래시 J.S.와 동일한 소스에 추가 할 것입니다. 슬래시를 눌러 예를 저장하고 저장하십시오.

49
00:05:39,540 --> 00:05:45,130
그리고 새로 고침 할 때 무슨 일이 일어나는지보고합시다.

50
00:05:46,260 --> 00:05:53,470
OK를 클릭하면 폴더 구조가 올바로 설정되므로 Funt에 관해 언급 한 후에 배치해야하는 다른 파일을 소개 할 것입니다.

51
00:05:53,480 --> 00:05:56,180
Awesome은 CSSA 라이브러리입니다.

52
00:05:56,190 --> 00:05:58,770
그것은 기본적으로 우리가 포함 할 수있는 아이콘의 무리입니다.

53
00:05:58,770 --> 00:06:02,980
그래서 우리는이 폴더 구조로 돌아가서 미래 비디오에 추가 할 것입니다.

54
00:06:03,000 --> 00:06:05,240
당분간 우리는 다음 비디오에서해야 할 모든 것입니다.