[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.74,0:00:05.00,Default,,0000,0000,0000,,우린 Winston의 눈의 크기에\N대한 멋진 변수를 만들었어요 Dialogue: 0,0:00:05.00,0:00:06.44,Default,,0000,0000,0000,,이건 아주 유용했어요 Dialogue: 0,0:00:06.44,0:00:08.19,Default,,0000,0000,0000,,왜냐하면 Winston의\N눈의 크기를 변경하고 싶을 때 Dialogue: 0,0:00:08.19,0:00:10.31,Default,,0000,0000,0000,,일일이 변수를\N쓰지 않아도 되니까요 Dialogue: 0,0:00:10.31,0:00:12.03,Default,,0000,0000,0000,,기억나죠?\N전에는 크기를 바꿀 때마다 Dialogue: 0,0:00:12.03,0:00:15.97,Default,,0000,0000,0000,,같은 숫자를\N네 번 적어줘야 했어요 Dialogue: 0,0:00:15.97,0:00:17.81,Default,,0000,0000,0000,,하지만 변수를 이용하면\N그 숫자들을 대신할 수 있을까요? Dialogue: 0,0:00:17.81,0:00:19.21,Default,,0000,0000,0000,,숫자들이\N같지 않다고 해도요? Dialogue: 0,0:00:19.21,0:00:21.72,Default,,0000,0000,0000,,만약 Winston을\N조금만 움직이고 싶다면 어떨까요? Dialogue: 0,0:00:21.72,0:00:23.76,Default,,0000,0000,0000,,x좌표를 각각\N바꿀 수도 있지만 Dialogue: 0,0:00:23.76,0:00:25.57,Default,,0000,0000,0000,,그게 항상\N같지는 않아요 Dialogue: 0,0:00:25.57,0:00:27.93,Default,,0000,0000,0000,,그러니까 그 숫자 전체를\N어떤 변수로 대체할 수는 없어요 Dialogue: 0,0:00:27.93,0:00:29.14,Default,,0000,0000,0000,,하지만! Dialogue: 0,0:00:29.14,0:00:31.22,Default,,0000,0000,0000,,변수에 수를 할당하면\N그 변수를 Dialogue: 0,0:00:31.22,0:00:33.94,Default,,0000,0000,0000,,마치 그 숫자처럼\N사용할 수 있어요 Dialogue: 0,0:00:33.94,0:00:37.07,Default,,0000,0000,0000,,즉 변수를 수학적으로\N표현할 수 있다는 거에요 Dialogue: 0,0:00:37.07,0:00:39.06,Default,,0000,0000,0000,,이렇게 해 볼까요?\N변수를 만들어 봐요 Dialogue: 0,0:00:39.06,0:00:41.04,Default,,0000,0000,0000,,먼저 Winston의\Nx좌표로요 Dialogue: 0,0:00:41.04,0:00:43.02,Default,,0000,0000,0000,,var x를\N선언해요 Dialogue: 0,0:00:43.02,0:00:44.66,Default,,0000,0000,0000,,간단하죠 Dialogue: 0,0:00:44.66,0:00:48.04,Default,,0000,0000,0000,,이제 Winston의 얼굴의\Nx 좌표에 변수를 주도록 해요 Dialogue: 0,0:00:48.04,0:00:51.34,Default,,0000,0000,0000,,얼굴은 x좌표상\N200에 그려져 있네요 Dialogue: 0,0:00:51.34,0:00:54.42,Default,,0000,0000,0000,,그러므로 var x는\N200 이 되겠네요 Dialogue: 0,0:00:55.05,0:00:59.02,Default,,0000,0000,0000,,이제 이 숫자를 새로운 변수인\Nx로 표현 할 수 있어요 Dialogue: 0,0:00:59.02,0:01:02.48,Default,,0000,0000,0000,,그리고 x의 값을 변화할때\NWinston의 얼굴이 변화함을 볼 수 있어요 Dialogue: 0,0:01:02.48,0:01:04.29,Default,,0000,0000,0000,,하지만 눈과 입은 빼고\N움직여요 Dialogue: 0,0:01:04.98,0:01:10.27,Default,,0000,0000,0000,,이걸 고치려면\N눈과 입의 위치를 Dialogue: 0,0:01:10.27,0:01:13.14,Default,,0000,0000,0000,,얼굴의 위치에 대해\N상대적으로 주도록 해보죠 Dialogue: 0,0:01:14.08,0:01:18.05,Default,,0000,0000,0000,,x좌표는 다른 원들의\N중심을 나타내요 Dialogue: 0,0:01:18.05,0:01:22.02,Default,,0000,0000,0000,,그러니까 얼굴은 중심이\N200인 곳에 그려지겠죠 Dialogue: 0,0:01:22.02,0:01:24.60,Default,,0000,0000,0000,,이제 그럼 왼쪽 눈을\N먼저 고려해봐요 Dialogue: 0,0:01:24.60,0:01:26.47,Default,,0000,0000,0000,,이 원이\N왼쪽 눈 이네요 Dialogue: 0,0:01:26.47,0:01:29.61,Default,,0000,0000,0000,,좌표 상 150에 그려진 것을\N볼 수 있어요 Dialogue: 0,0:01:29.61,0:01:33.08,Default,,0000,0000,0000,,여기가\N150이에요 Dialogue: 0,0:01:33.08,0:01:37.55,Default,,0000,0000,0000,,150은 200보다\N50만큼 작으니까 Dialogue: 0,0:01:37.55,0:01:42.36,Default,,0000,0000,0000,,얼굴이 어디에 있든지\N왼쪽 눈은 50을 뺀 위치에 있어요 Dialogue: 0,0:01:42.36,0:01:47.66,Default,,0000,0000,0000,,그 어디에 있는 곳이 x 이고\N얼굴의 -50의 지점에 있어요 Dialogue: 0,0:01:48.02,0:01:50.08,Default,,0000,0000,0000,,그리고 이제\Nx변수 값을 조절하면 Dialogue: 0,0:01:50.08,0:01:53.25,Default,,0000,0000,0000,,눈이 얼굴과\N함께 움직이게 돼요 Dialogue: 0,0:01:53.25,0:01:54.62,Default,,0000,0000,0000,,그러면 반대편 눈도\N해볼게요 Dialogue: 0,0:01:54.62,0:01:57.50,Default,,0000,0000,0000,,오른쪽 눈은 300의 위치에\N그려져 있어요 Dialogue: 0,0:01:57.50,0:02:01.47,Default,,0000,0000,0000,,여기서 볼 수 있듯이\N300은 여기네요 Dialogue: 0,0:02:01.47,0:02:05.75,Default,,0000,0000,0000,,그리고 300은 200에서\N100을 더하면 돼요 Dialogue: 0,0:02:05.75,0:02:09.90,Default,,0000,0000,0000,,그러므로 눈은 얼굴이 어디있든지\N100을 더해주면 되겠군요 Dialogue: 0,0:02:09.90,0:02:12.54,Default,,0000,0000,0000,,그러므로\Nx+100이 됩니다 Dialogue: 0,0:02:12.54,0:02:14.18,Default,,0000,0000,0000,,이제 입만\N고려해주면 되겠군요 Dialogue: 0,0:02:14.18,0:02:16.86,Default,,0000,0000,0000,,입은 250인 지점에\N그려져 있어요 Dialogue: 0,0:02:16.86,0:02:19.40,Default,,0000,0000,0000,,여기쯤 이에요\N250인걸 아니까 Dialogue: 0,0:02:19.40,0:02:22.90,Default,,0000,0000,0000,,그리고 250은\N200에 50을 더한 거니까 Dialogue: 0,0:02:22.90,0:02:27.80,Default,,0000,0000,0000,,이건 얼굴이\N어디에 있든지 Dialogue: 0,0:02:27.80,0:02:30.98,Default,,0000,0000,0000,,x+50이\N되네요 Dialogue: 0,0:02:30.98,0:02:33.35,Default,,0000,0000,0000,,이제 이러한 숫자들을\N다 지워도 돼요 Dialogue: 0,0:02:33.35,0:02:38.25,Default,,0000,0000,0000,,x의 값을 변화시킬때마다\N전체 얼굴이 움직일 거에요 Dialogue: 0,0:02:38.25,0:02:39.58,Default,,0000,0000,0000,,우와! Dialogue: 0,0:02:39.58,0:02:42.79,Default,,0000,0000,0000,,끝내기 전에 변수에 대해\N조금 더 배워보도록 할게요 Dialogue: 0,0:02:42.79,0:02:45.56,Default,,0000,0000,0000,,var x를 사용하는\N변수를 만들면 Dialogue: 0,0:02:45.56,0:02:48.40,Default,,0000,0000,0000,,원할 때 마다\N값을 할당할 수 있어요 Dialogue: 0,0:02:48.40,0:02:51.50,Default,,0000,0000,0000,,x에 198이라는 값을\N준 후에 Dialogue: 0,0:02:51.50,0:02:54.95,Default,,0000,0000,0000,,x를 300으로\N만들 수도 있고 Dialogue: 0,0:02:54.95,0:02:59.24,Default,,0000,0000,0000,,아니면 150으로\N만들 수도 있어요 Dialogue: 0,0:02:59.24,0:03:01.22,Default,,0000,0000,0000,,그리고 이 이후부터는\N컴퓨터는 x의 값을 Dialogue: 0,0:03:01.22,0:03:03.43,Default,,0000,0000,0000,,마지막에\N할당한 값으로 생각해요 Dialogue: 0,0:03:03.43,0:03:05.42,Default,,0000,0000,0000,,그러니까\N이 경우에는 150이네요 Dialogue: 0,0:03:05.42,0:03:08.24,Default,,0000,0000,0000,,하지만 여러분은 var 를 한 변수에\N한 번만 사용해야 해요 Dialogue: 0,0:03:08.24,0:03:12.51,Default,,0000,0000,0000,,만일 여기 이 부분에\Nvar x가 150을 갖는다고 해버리면 Dialogue: 0,0:03:12.51,0:03:15.82,Default,,0000,0000,0000,,새로운 변수 x를\N만들게 된 거에요 Dialogue: 0,0:03:15.82,0:03:18.39,Default,,0000,0000,0000,,전에 있던 변수 x는\N아예 없어지게 된 거에요 Dialogue: 0,0:03:18.39,0:03:21.56,Default,,0000,0000,0000,,위의 이 변수들은\N모두 다 사라지게 돼요 Dialogue: 0,0:03:21.56,0:03:24.62,Default,,0000,0000,0000,,그리고 컴퓨터는 오직\N새로운 변수만을 사용할 거에요 Dialogue: 0,0:03:24.62,0:03:28.13,Default,,0000,0000,0000,,가끔은 이런 끔찍한 일 없이\N사용할 수 있을 지 몰라도 Dialogue: 0,0:03:28.13,0:03:29.85,Default,,0000,0000,0000,,추천해드리고\N싶지는 않네요 Dialogue: 0,0:03:29.85,0:03:33.21,Default,,0000,0000,0000,,지금부터 저는 한번만 사용할거에요\Nvar x 는 150으로요 Dialogue: 0,0:03:33.21,0:03:37.19,Default,,0000,0000,0000,,이제 편하게 이 그림을\N화면 밖으로 움직일 수 있어요 Dialogue: 0,0:03:37.19,0:03:40.25,Default,,0000,0000,0000,,다음 주제로\N넘어갈 수 있게 말이죠 Dialogue: 0,0:03:40.25,0:03:44.59,Default,,0000,0000,0000,,변수에 어떤 값을\N지정하게 될 때 Dialogue: 0,0:03:44.59,0:03:47.45,Default,,0000,0000,0000,,그 변수는\N안전한 곳에 저장돼요 Dialogue: 0,0:03:47.45,0:03:49.88,Default,,0000,0000,0000,,사실 '='의 왼쪽에\N위치해야 Dialogue: 0,0:03:49.88,0:03:53.53,Default,,0000,0000,0000,,진정한 변수 그 자체로\N여길 수 있어요 Dialogue: 0,0:03:53.53,0:03:55.54,Default,,0000,0000,0000,,왜냐하면\N이 값을 컴퓨터가 Dialogue: 0,0:03:55.54,0:03:57.35,Default,,0000,0000,0000,,'변수'라고\N생각하게 되니까요 Dialogue: 0,0:03:57.35,0:04:00.04,Default,,0000,0000,0000,,다른 위치에 있는 값은\N그냥 '값'이라고 생각하게 될 거에요 Dialogue: 0,0:04:00.04,0:04:02.38,Default,,0000,0000,0000,,다음과 같이 한다고\N할지라도 말이죠 Dialogue: 0,0:04:02.38,0:04:06.04,Default,,0000,0000,0000,,var x는\N10이고 Dialogue: 0,0:04:06.04,0:04:10.50,Default,,0000,0000,0000,,x는\Nx에요 Dialogue: 0,0:04:10.50,0:04:11.73,Default,,0000,0000,0000,,오\N헷갈리네요 Dialogue: 0,0:04:11.73,0:04:14.57,Default,,0000,0000,0000,,왼쪽의 x를\N먼저 봅시다. Dialogue: 0,0:04:14.57,0:04:17.50,Default,,0000,0000,0000,,이 x는\N독립적인 변수에요 Dialogue: 0,0:04:17.50,0:04:20.37,Default,,0000,0000,0000,,커질 수도 있고\N변화할 수도 있죠 Dialogue: 0,0:04:20.37,0:04:24.100,Default,,0000,0000,0000,,하지만 오른쪽 값은\N그냥 '10'이에요 Dialogue: 0,0:04:24.100,0:04:27.16,Default,,0000,0000,0000,,슬프게도요\N하지만 이걸 Dialogue: 0,0:04:27.16,0:04:28.94,Default,,0000,0000,0000,,정말 유용하게\N사용할 수 있어요 Dialogue: 0,0:04:28.94,0:04:33.54,Default,,0000,0000,0000,,x는\Nx+1이라고 해봐요 Dialogue: 0,0:04:33.54,0:04:37.02,Default,,0000,0000,0000,,왼쪽의 값은\N안전한 장소에 있는 변수이고 Dialogue: 0,0:04:37.02,0:04:40.41,Default,,0000,0000,0000,,오른쪽에도\N같은 변수가 있지만 Dialogue: 0,0:04:40.41,0:04:42.67,Default,,0000,0000,0000,,알다시피 여기서의 값은\N그냥 숫자일 뿐이죠 Dialogue: 0,0:04:42.67,0:04:44.21,Default,,0000,0000,0000,,그냥\N'10'이에요 Dialogue: 0,0:04:44.21,0:04:47.20,Default,,0000,0000,0000,,머릿속으로 생각해보면\Nx는 10+1이 되는거에요 Dialogue: 0,0:04:47.20,0:04:51.06,Default,,0000,0000,0000,,이 말은 x는\N11이라는거죠 Dialogue: 0,0:04:51.06,0:04:54.32,Default,,0000,0000,0000,,그러므로 이 전체 수식은\Nx는 11이라는 뜻이에요 Dialogue: 0,0:04:54.32,0:04:57.57,Default,,0000,0000,0000,,그러므로 이제부터\Nx의 값은 11이 돼요 Dialogue: 0,0:04:57.57,0:05:01.20,Default,,0000,0000,0000,,다른 변수를 이 방정식에\N넣으면 어떻게 되는지 볼까요? Dialogue: 0,0:05:01.20,0:05:06.45,Default,,0000,0000,0000,,var x를\N10로 하고 Dialogue: 0,0:05:06.45,0:05:10.47,Default,,0000,0000,0000,,var y는 20 Dialogue: 0,0:05:10.47,0:05:12.15,Default,,0000,0000,0000,,x 는 y Dialogue: 0,0:05:12.15,0:05:13.84,Default,,0000,0000,0000,,어머나 Dialogue: 0,0:05:13.84,0:05:17.11,Default,,0000,0000,0000,,그리고 y는\N7이라고 해요 Dialogue: 0,0:05:17.11,0:05:18.71,Default,,0000,0000,0000,,좋아요\N제가 알고 싶은 것은 Dialogue: 0,0:05:18.71,0:05:22.10,Default,,0000,0000,0000,,x의 값은\N무엇이 되는 지에요 Dialogue: 0,0:05:22.10,0:05:23.53,Default,,0000,0000,0000,,확인해봐요 Dialogue: 0,0:05:23.53,0:05:27.18,Default,,0000,0000,0000,,이 수식에서\N새로운 변수 x를 만들어서 Dialogue: 0,0:05:27.18,0:05:29.17,Default,,0000,0000,0000,,그리고 10의 값을\N지정했어요 Dialogue: 0,0:05:29.17,0:05:31.78,Default,,0000,0000,0000,,따라서 x의 값은\N10이 됐어요 Dialogue: 0,0:05:31.78,0:05:33.80,Default,,0000,0000,0000,,이 수식에서는\N새로운 변수 y를 만들어서 Dialogue: 0,0:05:33.80,0:05:35.75,Default,,0000,0000,0000,,20이라는 값을\N지정했어요 Dialogue: 0,0:05:35.75,0:05:37.04,Default,,0000,0000,0000,,x에는 아무 것도\N하지 않았으니까 Dialogue: 0,0:05:37.04,0:05:39.34,Default,,0000,0000,0000,,x의 값은\N여전히 10이에요 Dialogue: 0,0:05:39.34,0:05:41.99,Default,,0000,0000,0000,,여기서는\Nx=y라고 했어요 Dialogue: 0,0:05:41.99,0:05:44.41,Default,,0000,0000,0000,,조금 헷갈리지만\N생각해보면 Dialogue: 0,0:05:44.41,0:05:46.21,Default,,0000,0000,0000,,우리는 이 변수 중에\N단 하나만 Dialogue: 0,0:05:46.21,0:05:48.45,Default,,0000,0000,0000,,안전한 장소에\N있다는 사실을 알고 있어요 Dialogue: 0,0:05:48.45,0:05:50.38,Default,,0000,0000,0000,,그리고\N다른 변수는 Dialogue: 0,0:05:50.38,0:05:53.75,Default,,0000,0000,0000,,마치 숫자처럼\N다뤄지게 돼요 Dialogue: 0,0:05:53.75,0:05:55.30,Default,,0000,0000,0000,,이걸 머릿속으로\N생각해보면 Dialogue: 0,0:05:55.30,0:05:57.79,Default,,0000,0000,0000,,y를 20이라는 값으로\N바꿔 생각할 수 있어요 Dialogue: 0,0:05:57.79,0:06:01.76,Default,,0000,0000,0000,,그럼 이 수식의 정확한 의미는\Nx는 20이 되겠죠 Dialogue: 0,0:06:01.77,0:06:05.03,Default,,0000,0000,0000,,따라서 x의 값은\N20이 되겠네요 Dialogue: 0,0:06:05.03,0:06:08.82,Default,,0000,0000,0000,,이 수식에서는\Ny는 안전한 장소에 있어요 Dialogue: 0,0:06:08.82,0:06:10.42,Default,,0000,0000,0000,,하지만 별로\N헷갈리진 않아요 Dialogue: 0,0:06:10.42,0:06:12.70,Default,,0000,0000,0000,,오른쪽에\N숫자가 있기 때문이죠 Dialogue: 0,0:06:12.70,0:06:17.42,Default,,0000,0000,0000,,하지만 궁금한 게 있어요\N여기 아래 y값을 변화시키면 Dialogue: 0,0:06:17.42,0:06:20.78,Default,,0000,0000,0000,,그게 위에 있는\Nx의 값을 변화시킬까요? Dialogue: 0,0:06:20.78,0:06:26.05,Default,,0000,0000,0000,,답은\N절대 아니라는 거에요 Dialogue: 0,0:06:26.05,0:06:28.78,Default,,0000,0000,0000,,기억해야 할 것은\N이 위 쪽에서는 Dialogue: 0,0:06:28.78,0:06:31.76,Default,,0000,0000,0000,,y는 단지 숫자로\N취급된다는 거에요 Dialogue: 0,0:06:31.76,0:06:34.62,Default,,0000,0000,0000,,컴퓨터는 이게 변수라는 사실을\N완전히 무시할 것이고 Dialogue: 0,0:06:34.62,0:06:36.27,Default,,0000,0000,0000,,바뀔 수 있는 값이란 걸\N잊고요 Dialogue: 0,0:06:36.27,0:06:38.77,Default,,0000,0000,0000,,그리고 이렇게\N그냥 얘기할 거에요 Dialogue: 0,0:06:38.77,0:06:42.38,Default,,0000,0000,0000,,"이 y?\N이게 진짜 뜻하는 값은 20이지" Dialogue: 0,0:06:42.38,0:06:44.74,Default,,0000,0000,0000,,그러므로 이 부분에서는\Nx에 숫자를 할당하는 것이지 Dialogue: 0,0:06:44.74,0:06:46.62,Default,,0000,0000,0000,,변수를\N할당하는 게 아니에요 Dialogue: 0,0:06:46.62,0:06:50.25,Default,,0000,0000,0000,,y의 값인 20을\N할당하는 거에요 Dialogue: 0,0:06:50.25,0:06:54.03,Default,,0000,0000,0000,,즉 이 말은 x의 값은\N여전히 20이라는 거죠 Dialogue: 0,0:06:54.03,0:06:58.37,Default,,0000,0000,0000,,마지막 수식에서\Ny변수의 값을 바꿔도 말이에요 Dialogue: 0,0:06:59.93,0:07:01.67,Default,,0000,0000,0000,,와\N이제 알겠죠? Dialogue: 0,0:07:01.67,0:07:05.23,Default,,0000,0000,0000,,이제 여러분은 변수에 대해서\N완벽한 전문가가 되었어요 Dialogue: 0,0:07:05.23,0:07:07.30,Default,,0000,0000,0000,,축하해요!