1
00:00:00,600 --> 00:00:07,790
이 비디오에서 우리는 자바 스크립트 배열에 대해 지금까지 배웠던 것을 사용하여 매우 간단한 목록을 작성하려고합니다.

2
00:00:08,160 --> 00:00:13,290
물론 Jim Clancy와 자바 스크립트가 상호 작용하는 것에 대해 알지 못했습니다.

3
00:00:13,350 --> 00:00:18,770
따라서이 목록 앱을 수행하는 모든 작업은 프롬프트와 경고 및 지속적으로 로그를 기반으로 이루어질 것입니다.

4
00:00:18,960 --> 00:00:33,080
그러나 곧 우리는 지배적 인 돌연변이에 대해 배우게 될 것입니다. 이것은 돌연변이 요소에 나이를 추가하거나 제거하거나 변경하거나 SS를 추가하는 자바 스크립트를 얻는 방법입니다. 그것은 단지 Konst가 아니라 로그입니다.

5
00:00:33,150 --> 00:00:34,620
여기 그것이 어떻게 작동 할 것인가입니다.

6
00:00:34,620 --> 00:00:38,480
페이지를 새로 고침하면 무엇을하고 싶은지 묻습니다.

7
00:00:38,700 --> 00:00:43,870
그리고 왼쪽에는 세 가지 선택 사항이 있습니다. 새 전화를 입력하면 할 일을 새로 추가 할 수 있습니다.

8
00:00:43,920 --> 00:00:47,990
목록을 모두 입력하거나 종료하려면 quit을 입력하여 목록을 입력 할 수 있습니다.

9
00:00:48,030 --> 00:00:50,780
목록을 타이핑하여 시작해 봅시다.

10
00:00:51,440 --> 00:00:56,190
그리고 지금은 빈 배열 일뿐입니다.

11
00:00:56,190 --> 00:00:57,640
그래서 새로운 것을 추가합시다.

12
00:00:57,750 --> 00:01:04,340
그것이 나에게 새로운 타입을 새로 고침 할 필요가 없었던 것을 나에게 묻는다는 것을 주목해라. 그러면 새로운 것을하기 위해 들어가라.

13
00:01:04,560 --> 00:01:07,200
그래서 나는 녹슨 걸을거야.

14
00:01:07,350 --> 00:01:11,010
Enter 키를 누르면 지금 무엇을하고 싶은지 묻습니다.

15
00:01:11,220 --> 00:01:16,320
그래서 나는 목록에 올 것이고, walk resti가 To Do 목록에 추가되었음을 알 수 있습니다.

16
00:01:16,650 --> 00:01:17,830
하나 더 추가합시다.

17
00:01:17,850 --> 00:01:27,790
그래서 새로운 것이 피드 resti와리스트가 될 것이고 나는 이제 그 배열에 두 아이템을 가지고 있습니다.

18
00:01:27,810 --> 00:01:32,180
이제이 사이클을 끝내기 위해 나는 다시 취하지 않습니다.

19
00:01:32,430 --> 00:01:33,720
이것이 바로 우리의 목표입니다.

20
00:01:34,020 --> 00:01:37,980
계속해서 숭고한 마음을 열고 필요한 파일을 만듭니다.

21
00:01:38,700 --> 00:01:39,870
그래서 나는 목록을 가지고있다.

22
00:01:39,990 --> 00:01:45,280
HMO가 내 보일러 판을 목록에 추가하려고합니다.

23
00:01:45,960 --> 00:01:57,440
그리고 나서 여기에서 나는 목록을 작성한 다음 몇 명의 동맹자를 명료화하기 위해 H1을 추가 할 것입니다.

24
00:01:58,770 --> 00:02:15,170
첫 번째 명령은 명령이 a do를 추가 한 것을 기억하고 모든 것을 수행 할 목록 목록을 갖게됩니다.

25
00:02:15,210 --> 00:02:21,590
그리고 마지막으로 그만두고 그만 둡니다.

26
00:02:22,060 --> 00:02:23,220
저장하십시오.

27
00:02:23,250 --> 00:02:27,140
이제 우리가 아직 만들어야하는 자바 스크립트 파일을 링크 해 봅시다.

28
00:02:27,690 --> 00:02:31,600
그리고 저는 그 목록에 전화 할 것입니다.

29
00:02:31,640 --> 00:02:38,420
Jay 예 그리고 그 파일을 만들고 J.S .. 목록을 저장하려고합니다.

30
00:02:39,540 --> 00:02:50,420
그리고 물론 내가 항상하고 싶은 것부터 시작하겠습니다.이 시간에 로그하는 콘솔을 실행하여 모든 것이 올바르게 작동하는지 다시 확인하도록하겠습니다.

31
00:02:50,430 --> 00:02:54,670
이제 브라우저에서 열어 보겠습니다.

32
00:02:55,030 --> 00:02:57,860
목록을 작성하는 데 약간의 것이 있습니다.

33
00:02:58,110 --> 00:02:59,050
굉장해.

34
00:02:59,700 --> 00:03:01,860
글꼴을 약간 늘리면됩니다.

35
00:03:01,860 --> 00:03:04,050
이제 우리의 논리에 대해 이야기 해 봅시다.

36
00:03:04,050 --> 00:03:08,500
그래서 우리가 할 일은 배열을 사용하여 To Do 목록을 모델링하는 것입니다.

37
00:03:08,550 --> 00:03:10,010
그래서 우리는 필요가있을 것입니다.

38
00:03:10,020 --> 00:03:13,440
나는 그것을 할 것이라고 부르겠다. 그리고 그것은 비어있는 것으로 시작될 것이다.

39
00:03:14,490 --> 00:03:18,930
그리고 나서 우리가해야 할 일은 사용자에게 입력을 요청하는 것입니다.

40
00:03:19,110 --> 00:03:26,020
그래서 우리는 단지 그 입력 var input이 프롬프트와 같다고 부를 것입니다.

41
00:03:26,460 --> 00:03:30,030
무엇을하고 싶으십니까.

42
00:03:31,470 --> 00:03:37,000
다음 단계는 입력이 LIST 인 경우 어떤 입력인지 확인하는 것입니다.

43
00:03:37,020 --> 00:03:41,660
입력이 새 것이면 우리는 다른 것을 할 것입니다.

44
00:03:41,700 --> 00:03:50,310
그래서 입력을 시도해 봅시다. 목록과 같은지 먼저 확인해 봅시다.

45
00:03:50,700 --> 00:03:58,050
그럴 경우 우리는 그냥 취소 할 것입니다. 그렇게하기 위해 모두 기록하지 마십시오.

46
00:03:58,860 --> 00:04:11,040
계속해서 여기에 할 일을 추가하고 새로운 거북이를 저장하여 여기에 추가하고 이것이 작동하는지 확인합시다.

47
00:04:11,040 --> 00:04:13,120
따라서 작동하는지 확인하려면 새로 고침하십시오.

48
00:04:13,320 --> 00:04:19,510
그리고 우리가해야 할 일은리스트를 타이핑하는 것입니다. 우리는 새로운 거북이를 사겠다는 우리의 배열을보아야합니다.

49
00:04:19,650 --> 00:04:27,680
그러나 입력이리스트와 같을 때만 코드가 실행되기 때문에 다른 것을 입력하면 아무것도 표시되지 않습니다.

50
00:04:28,500 --> 00:04:29,780
그래서 그게 있습니다.

51
00:04:29,820 --> 00:04:33,170
다음 단계는 다른 조건을 추가하는 것입니다.

52
00:04:33,200 --> 00:04:33,730
그냥 해보 죠.

53
00:04:33,720 --> 00:04:37,740
그렇지 않으면 input이 new와 같으면됩니다.

54
00:04:38,400 --> 00:04:48,080
그럴 경우 우리는 새로운 것을 사용자에게 물어보기를 원할 것입니다. 새로운 것을하기 위해 두 가지를 추가 할 것을 요구하십시오.

55
00:04:48,960 --> 00:04:55,200
그래서 새로운 것을 요구하기 위해서 우리는 단지 새로운 것을하기 위해 프롬프트를 사용합니다.

56
00:04:56,370 --> 00:05:03,340
new를 입력하고 Dewes 배열에 추가하려면 많은 옵션이 있습니다.

57
00:05:03,360 --> 00:05:05,860
나는 그것을 배열의 끝에 추가 할 것이다.

58
00:05:05,970 --> 00:05:10,680
그래서 모두 새로운 것을 밀어 내기 위해 새로운 것을 사용했습니다.

59
00:05:10,680 --> 00:05:13,670
이것이 우리가이 일을하기 위해 여기서해야 할 모든 것입니다.

60
00:05:13,680 --> 00:05:29,300
유일한 문제는 내가 지금 이걸 실행하고 새로운 것을 입력하려고하면 새로운 것을 입력하도록 요청하는 것입니다. WOC의 새로운 거북이를하고 Enter를하면 끝납니다.

61
00:05:29,700 --> 00:05:32,220
실제로 작동하는지 확인하는 방법이 없습니다.

62
00:05:32,550 --> 00:05:42,470
나는 여기에 가서 콘솔에 입력 할 수 있고 나는 그들 모두가 여기에 있는지 확인할 수는 있지만 그들을 인쇄하기 위해 list 명령을 사용하는 방법이 없다.

63
00:05:42,780 --> 00:05:47,390
그리고 그것은 바로 지금 우리가하고 싶은 것을 한 번만 묻기 때문입니다.

64
00:05:47,430 --> 00:05:49,990
다음 단계는이 작업을 반복하는 것입니다.

65
00:05:50,130 --> 00:05:55,210
사용자가 종료 할 때까지 반복해서 묻고 싶었습니다.

66
00:05:55,230 --> 00:05:58,750
그래서 우리가 루프를 사용해야한다는 비명을 지르고 싶습니다.

67
00:05:58,860 --> 00:06:02,200
우리는 조건이 사실 일 때까지 반복해서 무언가를하고 싶습니다.

68
00:06:02,640 --> 00:06:12,570
따라서 우리가 작성하고자하는 루프는 while 루프가 될 것이며 입력은 종료되지 않은 상태가 될 것입니다.

69
00:06:12,780 --> 00:06:17,720
그래서 우리가이 코드를 실행할 것입니다.

70
00:06:18,420 --> 00:06:20,760
그리고 나서 그 블로그에 올게요.

71
00:06:21,070 --> 00:06:27,470
좋아, 우리는 단지 약간의 피드백을 볼 수 있도록 앱을 종료한다.

72
00:06:27,630 --> 00:06:31,370
이 작업이 완료되면이 행만 보입니다.

73
00:06:31,620 --> 00:06:40,420
즉, 사용자가 입력 한 내용이 빠르다가 바닥에있는 경우 여기에 새로운 입력을 다시 요청할 것입니다.

74
00:06:40,690 --> 00:06:45,600
그리고 맨 위에는 입력을 처리 할 것입니다.

75
00:06:45,600 --> 00:06:57,860
그래서 우리는 사용자에게 입력을 한 번만 묻고 나서이 코드를 루프로 옮길 것입니다.

76
00:06:58,020 --> 00:07:03,950
그래서 나는 그들에게 한 번만 물어보고 싶은 것은 무엇을하고 싶습니까?

77
00:07:04,050 --> 00:07:05,760
잘만되면 그들은 즉시 그만 두지 않을 것입니다.

78
00:07:05,820 --> 00:07:08,810
하지만 그들이 그렇게한다면 우리는 당신이 그만 둘 수있게됩니다.

79
00:07:09,030 --> 00:07:13,850
그러나 그들이 타이핑을하지 않으면 우리는 day type list에 체크 할 것입니다.

80
00:07:14,280 --> 00:07:22,170
그리고 마지막으로 새로운 입력에 대해 다시 물어볼 필요가 있다는 것입니다.

81
00:07:22,170 --> 00:07:28,040
우리가해야 할 일은 바로이 줄을 복사하는 것뿐입니다.

82
00:07:28,110 --> 00:07:30,440
그래서 조금 더 크게 만들 것입니다.

83
00:07:31,590 --> 00:07:39,310
그래서 우리는 입력을 다시 요구하고 루프가 끝나고 이번에는 모든 체크가 종료됩니다.

84
00:07:39,600 --> 00:07:41,180
그렇다면 우리는 끝났습니다.

85
00:07:41,580 --> 00:07:42,990
그럼 그걸 시험해 봅시다.

86
00:07:43,230 --> 00:07:46,590
무엇을하고 싶습니까? 페이지를 새로 고칩니다.

87
00:07:47,010 --> 00:07:55,220
신입 사원은 새로운 거북이에게 새로운 것을할까요? 당신은 무엇을하고 싶습니까?

88
00:07:55,260 --> 00:07:57,430
그것은 나에게 처음에 다시 물었다.

89
00:07:57,870 --> 00:08:00,930
이제는 할일 목록에 할 일이 두 개 있습니다.

90
00:08:00,990 --> 00:08:04,810
자, 이제 끝내자.

91
00:08:04,830 --> 00:08:05,800
당신은 앱을 종료합니다.

92
00:08:06,090 --> 00:08:10,160
그래서 나는이 조건을 갑자기 그만 두었다. 그리고 그것은 사실이었다. 그리고 우리는 끝난다.

93
00:08:10,380 --> 00:08:14,760
그러니이 조금 더 좋게 만들고 다음에 적절하게 만들어 봅시다.

94
00:08:15,150 --> 00:08:17,500
이제는 기본 목록을 작성하는 것이 좋습니다.

95
00:08:17,700 --> 00:08:24,140
곧 추가 기능과 다른 명령을 추가 하겠지만, 우리가 할 수 있기 전에 배열에 관한 몇 가지 새로운 것을 배워야합니다.
