0:00:00.263,0:00:03.846
여기 우리 친구 winston이 [br]우리 수업을 도와 줄겁니다

0:00:03.846,0:00:06.424
모습은 이미 완벽해 보이지만

0:00:06.424,0:00:08.911
눈 크기를 조금 수정해볼게요

0:00:08.911,0:00:11.064
이 부분이 눈을 그리는 부분이에요

0:00:11.064,0:00:12.330
채우기 색을 정하고

0:00:12.330,0:00:13.776
두개의 타원을 만듭니다

0:00:13.776,0:00:15.273
더 작게 만들려고

0:00:15.273,0:00:16.943
너비를 수정해 봤어요

0:00:16.943,0:00:18.613
완벽한 원을 만들고 싶어서

0:00:18.613,0:00:20.284
높이도 같이 수정했어요

0:00:20.284,0:00:22.955
양쪽 다 같은 크기로 만들고싶어요

0:00:22.955,0:00:25.381
반대쪽 눈도 너비와 높이를 수정해야겠어요

0:00:25.381,0:00:28.767
눈이 너무 작아졌어요 다시 돌려놓을게요

0:00:28.767,0:00:30.226
숫자 하나만 바꿔서

0:00:30.226,0:00:33.375
양쪽 눈을 전부 변경할 수 있다면[br]얼마나 좋을까요?

0:00:33.375,0:00:36.971
그래서 이번 시간에는 변수에 대해 배우겠습니다

0:00:36.971,0:00:39.228
변수는 이름이라고 할 수 있고

0:00:39.228,0:00:41.515
어떤 것을 놓는 자리라고 할 수도 있어요

0:00:41.515,0:00:44.695
변수를 이름이 있는 양동이라고 생각해보세요

0:00:44.695,0:00:46.295
양동이에 무엇을 담더라도

0:00:46.295,0:00:47.758
양동이의 이름은 똑같아요

0:00:47.758,0:00:53.517
양동이에 담긴 것은[br]변수값이라고 부릅니다

0:00:53.517,0:00:55.495
실제로 변수를 만들어볼까요?

0:00:55.495,0:00:57.564
모든 방법을 사용해 보겠습니다.

0:00:57.564,0:00:59.983
먼저 변수타입 var 를 적습니다

0:00:59.983,0:01:01.967
한 칸 띄우고 변수명을 입력합니다

0:01:01.967,0:01:04.465
변수를 설명할 수 있게 정합니다

0:01:04.465,0:01:05.917
eyeSize로 정했어요

0:01:05.917,0:01:08.067
어떤 이름이라도 변수명이 될 수 있지만

0:01:08.067,0:01:10.043
중간에 띄어쓰기는 안됩니다

0:01:10.043,0:01:12.274
물론 뒤에 적을 세미콜론은 잊지 말아야하죠

0:01:12.274,0:01:14.447
이제 eyeSize 변수를 만들었어요

0:01:14.447,0:01:16.936
윈스턴의 눈크기를 저장할 변수입니다

0:01:16.936,0:01:19.851
그러나 아직 이 변수는 값이 없습니다

0:01:19.851,0:01:21.752
변수값을 입력하기 위해

0:01:21.752,0:01:27.486
eyeSize = 20; 라고 적습니다

0:01:27.486,0:01:29.370
=이 무엇인지 알아요?

0:01:29.370,0:01:32.013
제가 가르쳐주지 않았네요

0:01:32.013,0:01:35.416
= 은 같다라는 의미가 아니라 [br]할당한다는 의미입니다

0:01:35.416,0:01:42.014
그 말은 변수 eyeSize에[br]20이라는 값을 할당한다는 의미입니다

0:01:42.014,0:01:43.916
즉 eyeSize라는 이름의 양동이 안에

0:01:43.916,0:01:45.726
20이라는 숫자를 넣는 것입니다

0:01:45.736,0:01:51.738
x=3 과 3=x 는[br]수학시간에 어떻게 말하나요?

0:01:51.738,0:01:54.287
x와 3이 같다고 말합니다[br]

0:01:54.287,0:01:56.377
그러나 이 수업에서는 그게 아닙니다

0:01:56.377,0:02:00.003
등호 왼쪽에는 변수만 적을 수 있습니다

0:02:00.003,0:02:05.547
등호 오른쪽에는 변수에 [br]할당할 값만 적을 수 있습니다

0:02:05.547,0:02:07.549
이것을 기억하는 방법은

0:02:07.549,0:02:09.950
코딩하면서 큰 소리로 말해보는 것입니다

0:02:09.950,0:02:11.491
훌륭한 프로그래머들은 그렇게 합니다

0:02:11.491,0:02:12.746
등호 기호를 만나면

0:02:12.746,0:02:15.590
같다(equals)가 아닌 된다(gets)라고 말하세요

0:02:15.590,0:02:19.447
eyeSize는 20이 됩니다 라고 말해야겠죠

0:02:19.447,0:02:22.760
이제 eyeSize를 사용할 때마다

0:02:22.760,0:02:28.171
eyeSize가 20의 값을 갖고 있다고[br]컴퓨터가 인식하겠죠

0:02:28.171,0:02:29.493
확인해보겠습니다

0:02:29.493,0:02:32.044
eyeSize를 복사하고

0:02:32.044,0:02:38.335
네 개의 숫자를[br]변수 eyeSize로 바꿔줍니다

0:02:38.335,0:02:39.614
짜잔!

0:02:39.614,0:02:43.920
이제 윈스턴의 눈은[br]완전한 원형이고 크기도 같아요

0:02:43.920,0:02:47.731
만약 두 눈의 크기를 바꾸고 싶다면

0:02:47.731,0:02:51.007
이 변수 하나만 변경하면 돼요

0:02:51.007,0:02:53.465
멋지네요!

0:02:53.465,0:02:55.767
두가지만 더 설명할게요

0:02:55.767,0:02:58.512
이것은 우리가 만든 eyeSize변수에요

0:02:58.512,0:03:01.037
33이라고 값을 할당했어요

0:03:01.037,0:03:02.755
한 줄에 묶을 수도 있어요

0:03:02.755,0:03:05.737
첫째 var eyeSize라고 적고

0:03:05.737,0:03:08.717
둘째 33을 할당합니다

0:03:08.717,0:03:10.825
그럼 이 두 줄을 지우더라도

0:03:10.825,0:03:12.706
모두 그대로 작동해요

0:03:12.969,0:03:16.761
컴퓨터는 코드를 위에서 아래로 [br]읽는다는사실을 기억하세요

0:03:16.761,0:03:19.188
이 eyeSize가 무엇인지 알 수 있는 이유는

0:03:19.188,0:03:21.668
이미 여기 정의되어있기 때문입니다

0:03:21.668,0:03:24.429
이것을 아래쪽으로 이동시키면

0:03:24.429,0:03:30.896
컴퓨터는 eyeSize가 무엇인지 모르게 됩니다

0:03:30.989,0:03:34.002
eyeSize가 정의되지 않았다는[br]오류메시지가 나옵니다

0:03:34.002,0:03:37.460
본인은 아래에 정의했다고[br]생각할지도 모르겠네요

0:03:37.481,0:03:40.354
그러나 컴퓨터는 그렇게 똑똑하지 않아요

0:03:40.406,0:03:43.239
위쪽으로 다시 이동해야겠군요

0:03:43.529,0:03:45.899
변수를 사용하기 전에

0:03:45.899,0:03:49.169
변수가 정의되어 있는지 항상 확인해야 합니다

0:03:49.169,0:03:51.990
이제 변수에 대해 알겠죠?