1 00:00:00,263 --> 00:00:03,846 여기 우리 친구 winston이 우리 수업을 도와 줄겁니다 2 00:00:03,846 --> 00:00:06,424 모습은 이미 완벽해 보이지만 3 00:00:06,424 --> 00:00:08,911 눈 크기를 조금 수정해볼게요 4 00:00:08,911 --> 00:00:11,064 이 부분이 눈을 그리는 부분이에요 5 00:00:11,064 --> 00:00:12,330 채우기 색을 정하고 6 00:00:12,330 --> 00:00:13,776 두개의 타원을 만듭니다 7 00:00:13,776 --> 00:00:15,273 더 작게 만들려고 8 00:00:15,273 --> 00:00:16,943 너비를 수정해 봤어요 9 00:00:16,943 --> 00:00:18,613 완벽한 원을 만들고 싶어서 10 00:00:18,613 --> 00:00:20,284 높이도 같이 수정했어요 11 00:00:20,284 --> 00:00:22,955 양쪽 다 같은 크기로 만들고싶어요 12 00:00:22,955 --> 00:00:25,381 반대쪽 눈도 너비와 높이를 수정해야겠어요 13 00:00:25,381 --> 00:00:28,767 눈이 너무 작아졌어요 다시 돌려놓을게요 14 00:00:28,767 --> 00:00:30,226 숫자 하나만 바꿔서 15 00:00:30,226 --> 00:00:33,375 양쪽 눈을 전부 변경할 수 있다면 얼마나 좋을까요? 16 00:00:33,375 --> 00:00:36,971 그래서 이번 시간에는 변수에 대해 배우겠습니다 17 00:00:36,971 --> 00:00:39,228 변수는 이름이라고 할 수 있고 18 00:00:39,228 --> 00:00:41,515 어떤 것을 놓는 자리라고 할 수도 있어요 19 00:00:41,515 --> 00:00:44,695 변수를 이름이 있는 양동이라고 생각해보세요 20 00:00:44,695 --> 00:00:46,295 양동이에 무엇을 담더라도 21 00:00:46,295 --> 00:00:47,758 양동이의 이름은 똑같아요 22 00:00:47,758 --> 00:00:53,517 양동이에 담긴 것은 변수값이라고 부릅니다 23 00:00:53,517 --> 00:00:55,495 실제로 변수를 만들어볼까요? 24 00:00:55,495 --> 00:00:57,564 모든 방법을 사용해 보겠습니다. 25 00:00:57,564 --> 00:00:59,983 먼저 변수타입 var 를 적습니다 26 00:00:59,983 --> 00:01:01,967 한 칸 띄우고 변수명을 입력합니다 27 00:01:01,967 --> 00:01:04,465 변수를 설명할 수 있게 정합니다 28 00:01:04,465 --> 00:01:05,917 eyeSize로 정했어요 29 00:01:05,917 --> 00:01:08,067 어떤 이름이라도 변수명이 될 수 있지만 30 00:01:08,067 --> 00:01:10,043 중간에 띄어쓰기는 안됩니다 31 00:01:10,043 --> 00:01:12,274 물론 뒤에 적을 세미콜론은 잊지 말아야하죠 32 00:01:12,274 --> 00:01:14,447 이제 eyeSize 변수를 만들었어요 33 00:01:14,447 --> 00:01:16,936 윈스턴의 눈크기를 저장할 변수입니다 34 00:01:16,936 --> 00:01:19,851 그러나 아직 이 변수는 값이 없습니다 35 00:01:19,851 --> 00:01:21,752 변수값을 입력하기 위해 36 00:01:21,752 --> 00:01:27,486 eyeSize = 20; 라고 적습니다 37 00:01:27,486 --> 00:01:29,370 =이 무엇인지 알아요? 38 00:01:29,370 --> 00:01:32,013 제가 가르쳐주지 않았네요 39 00:01:32,013 --> 00:01:35,416 = 은 같다라는 의미가 아니라 할당한다는 의미입니다 40 00:01:35,416 --> 00:01:42,014 그 말은 변수 eyeSize에 20이라는 값을 할당한다는 의미입니다 41 00:01:42,014 --> 00:01:43,916 즉 eyeSize라는 이름의 양동이 안에 42 00:01:43,916 --> 00:01:45,726 20이라는 숫자를 넣는 것입니다 43 00:01:45,736 --> 00:01:51,738 x=3 과 3=x 는 수학시간에 어떻게 말하나요? 44 00:01:51,738 --> 00:01:54,287 x와 3이 같다고 말합니다 45 00:01:54,287 --> 00:01:56,377 그러나 이 수업에서는 그게 아닙니다 46 00:01:56,377 --> 00:02:00,003 등호 왼쪽에는 변수만 적을 수 있습니다 47 00:02:00,003 --> 00:02:05,547 등호 오른쪽에는 변수에 할당할 값만 적을 수 있습니다 48 00:02:05,547 --> 00:02:07,549 이것을 기억하는 방법은 49 00:02:07,549 --> 00:02:09,950 코딩하면서 큰 소리로 말해보는 것입니다 50 00:02:09,950 --> 00:02:11,491 훌륭한 프로그래머들은 그렇게 합니다 51 00:02:11,491 --> 00:02:12,746 등호 기호를 만나면 52 00:02:12,746 --> 00:02:15,590 같다(equals)가 아닌 된다(gets)라고 말하세요 53 00:02:15,590 --> 00:02:19,447 eyeSize는 20이 됩니다 라고 말해야겠죠 54 00:02:19,447 --> 00:02:22,760 이제 eyeSize를 사용할 때마다 55 00:02:22,760 --> 00:02:28,171 eyeSize가 20의 값을 갖고 있다고 컴퓨터가 인식하겠죠 56 00:02:28,171 --> 00:02:29,493 확인해보겠습니다 57 00:02:29,493 --> 00:02:32,044 eyeSize를 복사하고 58 00:02:32,044 --> 00:02:38,335 네 개의 숫자를 변수 eyeSize로 바꿔줍니다 59 00:02:38,335 --> 00:02:39,614 짜잔! 60 00:02:39,614 --> 00:02:43,920 이제 윈스턴의 눈은 완전한 원형이고 크기도 같아요 61 00:02:43,920 --> 00:02:47,731 만약 두 눈의 크기를 바꾸고 싶다면 62 00:02:47,731 --> 00:02:51,007 이 변수 하나만 변경하면 돼요 63 00:02:51,007 --> 00:02:53,465 멋지네요! 64 00:02:53,465 --> 00:02:55,767 두가지만 더 설명할게요 65 00:02:55,767 --> 00:02:58,512 이것은 우리가 만든 eyeSize변수에요 66 00:02:58,512 --> 00:03:01,037 33이라고 값을 할당했어요 67 00:03:01,037 --> 00:03:02,755 한 줄에 묶을 수도 있어요 68 00:03:02,755 --> 00:03:05,737 첫째 var eyeSize라고 적고 69 00:03:05,737 --> 00:03:08,717 둘째 33을 할당합니다 70 00:03:08,717 --> 00:03:10,825 그럼 이 두 줄을 지우더라도 71 00:03:10,825 --> 00:03:12,706 모두 그대로 작동해요 72 00:03:12,969 --> 00:03:16,761 컴퓨터는 코드를 위에서 아래로 읽는다는사실을 기억하세요 73 00:03:16,761 --> 00:03:19,188 이 eyeSize가 무엇인지 알 수 있는 이유는 74 00:03:19,188 --> 00:03:21,668 이미 여기 정의되어있기 때문입니다 75 00:03:21,668 --> 00:03:24,429 이것을 아래쪽으로 이동시키면 76 00:03:24,429 --> 00:03:30,896 컴퓨터는 eyeSize가 무엇인지 모르게 됩니다 77 00:03:30,989 --> 00:03:34,002 eyeSize가 정의되지 않았다는 오류메시지가 나옵니다 78 00:03:34,002 --> 00:03:37,460 본인은 아래에 정의했다고 생각할지도 모르겠네요 79 00:03:37,481 --> 00:03:40,354 그러나 컴퓨터는 그렇게 똑똑하지 않아요 80 00:03:40,406 --> 00:03:43,239 위쪽으로 다시 이동해야겠군요 81 00:03:43,529 --> 00:03:45,899 변수를 사용하기 전에 82 00:03:45,899 --> 00:03:49,169 변수가 정의되어 있는지 항상 확인해야 합니다 83 00:03:49,169 --> 00:03:51,990 이제 변수에 대해 알겠죠?