WEBVTT 00:00:00.000 --> 00:00:04.182 저번에 우리는 변수를 이용해 숫자나 문자열을 저장하는 것을 배웠어요 00:00:04.182 --> 00:00:06.614 오늘은 배열이라는 것에 대해 배워볼 거에요 00:00:06.624 --> 00:00:09.446 배열은 하나의 변수에 여러 개의 값을 저장할 수 있게 해줄거에요 00:00:09.456 --> 00:00:13.100 곧 보게 되겠지만 배열은 여기저기 유용하게 쓰여요 00:00:13.100 --> 00:00:14.942 그럼 변수에 대해 복습해볼까요? 00:00:14.942 --> 00:00:19.734 var myFriend = "Sophia"라고 해볼게요 NOTE Paragraph 00:00:19.744 --> 00:00:22.629 변수는 "Sophia"와 같은 값을 저장하는 방법이에요 00:00:22.639 --> 00:00:26.834 그리고 라벨을 붙여서 나중에 프로그램이 참조하기 쉽게 만들어줘요 00:00:26.834 --> 00:00:32.469 myFriend라는 라벨이 달린 서랍에 Sophia 라는 내용물이 들어 있는 것이라고 생각할 수 있죠 00:00:32.469 --> 00:00:35.528 그 서랍을 열어보면 Sophia를 찾을 수 있어요 00:00:35.528 --> 00:00:39.766 가끔씩은 여러 값을 하나의 변수에 넣고 싶을 때가 있어요 00:00:39.766 --> 00:00:46.431 하지만 이렇게 하면 구문 오류가 발생할 거고 프로그램은 난리나겠죠 00:00:46.431 --> 00:00:50.662 그래서 이렇게 하는 특별한 방법이 있어요 바로 배열을 사용하는 거죠 00:00:50.662 --> 00:00:58.729 이렇게 myFriends = 다음에, 대괄호를 적고 그 안에다 값들을 집어 넣으면 됩니다 00:00:58.729 --> 00:01:03.866 "Sophia", "John", "Leif" 라고 해봐요 00:01:03.866 --> 00:01:06.888 이들은 제 친구 세 명이에요 00:01:06.888 --> 00:01:09.554 제가 좋아하는 순서인거 같은데 이 친구들에게 말하지는 마세요 00:01:09.554 --> 00:01:13.304 이제 이 변수가 하나가 아닌 세 개의 값을 가지게 되었어요 00:01:13.304 --> 00:01:18.391 이게 서랍장이라고 상상해봐요 myFriends라는 라벨이 서랍장에 붙어있는거죠 00:01:18.391 --> 00:01:23.029 이제 우리가 찾는 값이 들어있는 서랍을 열면 돼요 00:01:23.029 --> 00:01:29.885 이 서랍장의 첫번째 서랍에 뭐가 들어있는지 궁금하면 열어서 안을 보면 되죠 00:01:29.885 --> 00:01:32.110 그럼 배열으로는 어떻게 하면 될까요? 00:01:32.110 --> 00:01:42.862 배열의 이름을 쓰고 괄호를 연 다음에 배열 안의 번호를 적어요 00:01:42.862 --> 00:01:46.009 첫번째니까 아마 1이겠죠 00:01:46.009 --> 00:01:51.139 이제 text 명령어를 이용해 Sophia가 나오게 해봅시다 00:01:51.139 --> 00:02:01.875 myFriends[1]을 적고, 이것도 여기 놓고 fill을 적용해볼게요 00:02:01.875 --> 00:02:06.266 자, John이 나왔네요 왜 John이 나왔을까요? 00:02:06.266 --> 00:02:09.727 우리가 인덱스를 1로 했는데도 말이죠 00:02:09.727 --> 00:02:11.397 여기 1이라고 썼잖아요 00:02:11.397 --> 00:02:15.556 왜냐하면 배열은 1이 아닌 0으로 시작하기 때문이죠 00:02:15.556 --> 00:02:19.715 처음에는 좀 이상하게 보이겠지만 곧 익숙해질거에요 00:02:19.715 --> 00:02:23.875 그러니까 0을 넣으면 Sophia가 나오겠네요 00:02:23.875 --> 00:02:27.934 그리고 그 다음 항목을 보고 싶다면 1을 쓰면 되죠 00:02:27.934 --> 00:02:32.696 마지막 세번째 항목을 보고 싶다면 2를 쓰면 돼요 00:02:32.696 --> 00:02:36.723 여러분은 '난 어떤 걸 찾지?' 라고 생각할 거에요 00:02:36.723 --> 00:02:38.267 이걸 좀 펼쳐볼게요 00:02:38.267 --> 00:02:41.438 그게 어디있는지 찾고 싶으면 그냥 1을 빼면 됩니다 00:02:41.438 --> 00:02:46.832 첫번째는 0, 두번째는 1, 세번째는 2.. 같은 방식으로요 00:02:46.832 --> 00:02:51.797 만약 순서를 까먹었는데 Leif에 접근하려면 어떻게 하면 될까요? 00:02:51.797 --> 00:02:56.000 myFriends[3]이라고 쓰면 아무것도 안 나와요 00:02:56.000 --> 00:02:58.640 왜냐하면 거기엔 아무것도 없으니까요 00:02:58.640 --> 00:03:03.089 3이라고 하면 4번째 항목을 말하는건데 여기에는 4번째 항목이 없어요 00:03:03.089 --> 00:03:05.432 그러니까 아무것도 안 나오는 거죠 00:03:05.432 --> 00:03:09.197 배열을 사용하다보면 이런 일이 많이 일어나요 그러니까 이 점을 조심하세요 00:03:09.197 --> 00:03:13.885 100번째 요소에 접근하려고 해도 마찬가지에요 저는 백 명의 친구가 없으니까요 00:03:13.885 --> 00:03:15.766 제겐 세 명이 다에요 00:03:15.766 --> 00:03:18.572 아무것도 안 나오겠죠? 그럼 이건 지울게요 00:03:18.572 --> 00:03:22.122 몇 명의 친구가 있는지 계속 세고 싶다고 해봐요 00:03:22.122 --> 00:03:25.672 전 이 세 명의 친구가 자랑스럽고 모두가 알았으면 좋겠으니까요 00:03:25.672 --> 00:03:29.223 그래서 전 이걸 세상에 알릴거에요 00:03:29.223 --> 00:03:35.388 "I have" + numFriends + "friends!!!" 라고 써볼게요. 00:03:35.388 --> 00:03:40.634 제겐 세 명의 친구가 있군요 이야, 별로 많진 않네요 00:03:40.634 --> 00:03:44.279 아마 제가 안돼 보였던 건지 윈스턴이 제 친구가 되고 싶다고 해요 00:03:44.279 --> 00:03:46.499 그리고 배열에 자기를 추가해도 된대요 00:03:46.499 --> 00:03:48.765 전 "좋지. 고마워, 윈스턴."이라고 하겠죠 00:03:48.765 --> 00:03:51.808 그래서 Winston을 추가했어요 근데 아직 제가 3명의 친구가 있다고 돼있네요 00:03:51.808 --> 00:03:54.009 여기 변수를 고쳐야하기 때문이죠 00:03:54.009 --> 00:04:00.006 이렇게 하면 배열에 추가할 때마다 이 값을 고쳐야 하니까 매우 귀찮아져요 00:04:00.006 --> 00:04:07.640 이걸 보고 있는 여러분 모두가 제 친구가 되기로 한다면 몇 천번은 고쳐야 될거에요 00:04:07.640 --> 00:04:15.375 그래서 우리가 배열의 길이를 알고 싶을 때 사용할 수 있는 특별한 방법이 있죠 00:04:15.375 --> 00:04:20.310 그래서 배열에는 길이를 계속 알 수 있게 length라고 하는 속성이 있어요 00:04:20.310 --> 00:04:27.275 이용하려면 myFriends.length라고 하면 돼요 그럼 길이를 알게 되겠죠. 보이죠? 00:04:27.275 --> 00:04:30.528 이제 4로 바뀌었네요 이 변수는 필요없으니 지워도 돼요 00:04:30.528 --> 00:04:33.434 이 속성은 우리가 추가할 때마다 갱신될 거에요 00:04:33.434 --> 00:04:39.698 제게 "OhNoes"란 남자가 친구가 되고싶다 하면 "넌 좀 못됐지만, 괜찮아. 친구하자."라고 하겠죠 00:04:39.698 --> 00:04:43.057 우린 계속 추가할거고 이건 계속 갱신되겠죠 00:04:43.057 --> 00:04:49.600 이건 정말 유용해요. 왜냐하면 배열의 길이를 쉽게 알 수 있으니까요 00:04:49.600 --> 00:04:55.391 여러분이 이러한 일련의 값들을 저장할 때 배열을 사용할거에요 00:04:55.391 --> 00:04:59.391 배열을 어떤 식으로 쓸 수 있을 지 알고싶다면 다음 영상을 봐주세요