WEBVTT

00:00:00.263 --> 00:00:03.846
여기 우리 친구 winston이 
우리 수업을 도와 줄겁니다

00:00:03.846 --> 00:00:06.424
모습은 이미 완벽해 보이지만

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

00:00:08.911 --> 00:00:11.064
이 부분이 눈을 그리는 부분이에요

00:00:11.064 --> 00:00:12.330
채우기 색을 정하고

00:00:12.330 --> 00:00:13.776
두개의 타원을 만듭니다

00:00:13.776 --> 00:00:15.273
더 작게 만들려고

00:00:15.273 --> 00:00:16.943
너비를 수정해 봤어요

00:00:16.943 --> 00:00:18.613
완벽한 원을 만들고 싶어서

00:00:18.613 --> 00:00:20.284
높이도 같이 수정했어요

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

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

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

00:00:28.767 --> 00:00:30.226
숫자 하나만 바꿔서

00:00:30.226 --> 00:00:33.375
양쪽 눈을 전부 변경할 수 있다면
얼마나 좋을까요?

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

00:00:36.971 --> 00:00:39.228
변수는 이름이라고 할 수 있고

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

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

00:00:44.695 --> 00:00:46.295
양동이에 무엇을 담더라도

00:00:46.295 --> 00:00:47.758
양동이의 이름은 똑같아요

00:00:47.758 --> 00:00:53.517
양동이에 담긴 것은
변수값이라고 부릅니다

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

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

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

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

00:01:01.967 --> 00:01:04.465
변수를 설명할 수 있게 정합니다

00:01:04.465 --> 00:01:05.917
eyeSize로 정했어요

00:01:05.917 --> 00:01:08.067
어떤 이름이라도 변수명이 될 수 있지만

00:01:08.067 --> 00:01:10.043
중간에 띄어쓰기는 안됩니다

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

00:01:12.274 --> 00:01:14.447
이제 eyeSize 변수를 만들었어요

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

00:01:16.936 --> 00:01:19.851
그러나 아직 이 변수는 값이 없습니다

00:01:19.851 --> 00:01:21.752
변수값을 입력하기 위해

00:01:21.752 --> 00:01:27.486
eyeSize = 20; 라고 적습니다

00:01:27.486 --> 00:01:29.370
=이 무엇인지 알아요?

00:01:29.370 --> 00:01:32.013
제가 가르쳐주지 않았네요

00:01:32.013 --> 00:01:35.416
= 은 같다라는 의미가 아니라 
할당한다는 의미입니다

00:01:35.416 --> 00:01:42.014
그 말은 변수 eyeSize에
20이라는 값을 할당한다는 의미입니다

00:01:42.014 --> 00:01:43.916
즉 eyeSize라는 이름의 양동이 안에

00:01:43.916 --> 00:01:45.726
20이라는 숫자를 넣는 것입니다

00:01:45.736 --> 00:01:51.738
x=3 과 3=x 는
수학시간에 어떻게 말하나요?

00:01:51.738 --> 00:01:54.287
x와 3이 같다고 말합니다


00:01:54.287 --> 00:01:56.377
그러나 이 수업에서는 그게 아닙니다

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

00:02:00.003 --> 00:02:05.547
등호 오른쪽에는 변수에 
할당할 값만 적을 수 있습니다

00:02:05.547 --> 00:02:07.549
이것을 기억하는 방법은

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

00:02:09.950 --> 00:02:11.491
훌륭한 프로그래머들은 그렇게 합니다

00:02:11.491 --> 00:02:12.746
등호 기호를 만나면

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

00:02:15.590 --> 00:02:19.447
eyeSize는 20이 됩니다 라고 말해야겠죠

00:02:19.447 --> 00:02:22.760
이제 eyeSize를 사용할 때마다

00:02:22.760 --> 00:02:28.171
eyeSize가 20의 값을 갖고 있다고
컴퓨터가 인식하겠죠

00:02:28.171 --> 00:02:29.493
확인해보겠습니다

00:02:29.493 --> 00:02:32.044
eyeSize를 복사하고

00:02:32.044 --> 00:02:38.335
네 개의 숫자를
변수 eyeSize로 바꿔줍니다

00:02:38.335 --> 00:02:39.614
짜잔!

00:02:39.614 --> 00:02:43.920
이제 윈스턴의 눈은
완전한 원형이고 크기도 같아요

00:02:43.920 --> 00:02:47.731
만약 두 눈의 크기를 바꾸고 싶다면

00:02:47.731 --> 00:02:51.007
이 변수 하나만 변경하면 돼요

00:02:51.007 --> 00:02:53.465
멋지네요!

00:02:53.465 --> 00:02:55.767
두가지만 더 설명할게요

00:02:55.767 --> 00:02:58.512
이것은 우리가 만든 eyeSize변수에요

00:02:58.512 --> 00:03:01.037
33이라고 값을 할당했어요

00:03:01.037 --> 00:03:02.755
한 줄에 묶을 수도 있어요

00:03:02.755 --> 00:03:05.737
첫째 var eyeSize라고 적고

00:03:05.737 --> 00:03:08.717
둘째 33을 할당합니다

00:03:08.717 --> 00:03:10.825
그럼 이 두 줄을 지우더라도

00:03:10.825 --> 00:03:12.706
모두 그대로 작동해요

00:03:12.969 --> 00:03:16.761
컴퓨터는 코드를 위에서 아래로 
읽는다는사실을 기억하세요

00:03:16.761 --> 00:03:19.188
이 eyeSize가 무엇인지 알 수 있는 이유는

00:03:19.188 --> 00:03:21.668
이미 여기 정의되어있기 때문입니다

00:03:21.668 --> 00:03:24.429
이것을 아래쪽으로 이동시키면

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

00:03:30.989 --> 00:03:34.002
eyeSize가 정의되지 않았다는
오류메시지가 나옵니다

00:03:34.002 --> 00:03:37.460
본인은 아래에 정의했다고
생각할지도 모르겠네요

00:03:37.481 --> 00:03:40.354
그러나 컴퓨터는 그렇게 똑똑하지 않아요

00:03:40.406 --> 00:03:43.239
위쪽으로 다시 이동해야겠군요

00:03:43.529 --> 00:03:45.899
변수를 사용하기 전에

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

00:03:49.169 --> 00:03:51.990
이제 변수에 대해 알겠죠?