0:00:00.970,0:00:02.539
프로그래밍을 시작해봐요

0:00:02.539,0:00:05.254
프로그래밍을 하려면[br]도형과 수학을 알아야 해요

0:00:05.254,0:00:06.300
걱정하지 마세요

0:00:06.300,0:00:08.246
조금만 배우면[br]도형들이 화면에서 이리 저리 움직이게 할 수 있어요

0:00:08.246,0:00:10.974
색깔도 바꾸고,[br]그 외에 재밌는 것들을 프로그래밍 해 볼거에요

0:00:10.974,0:00:12.342
우리 함께 해봐요

0:00:12.342,0:00:14.348
직사각형을 그려볼거에요

0:00:14.348,0:00:16.532
직사각형을 그리려면 rect 명령어를 써야해요

0:00:16.532,0:00:20.846
괄호를 열고, 숫자 4개를 입력하세요[br]이 숫자 4개가 무엇을 의미하는지는 나중에 알려줄게요[br]

0:00:20.846,0:00:23.830
괄호를 닫고 세미콜론을 입력하세요

0:00:23.830,0:00:25.815
직사각형이 그려졌네요

0:00:25.815,0:00:27.756
간단하죠?[br]하나를 더 그려볼거에요

0:00:27.756,0:00:29.751
다른 숫자들을 입력해볼게요

0:00:29.751,0:00:33.981
처음 두 인자는 큰 수로[br]뒤의 두 인자는 작은 수로 입력했어요

0:00:33.981,0:00:35.701
다른 직사각형이 그려졌네요

0:00:35.701,0:00:41.003
첫번째 인자를 바꾸면, 움직이기 시작하네요

0:00:41.003,0:00:47.698
마지막 인자를 바꾸면 높이가 바뀝니다[br]재미있죠?

0:00:47.698,0:00:50.765
왜 그러는지 궁금하지 않아요?

0:00:50.765,0:00:55.506
컴퓨터는 지시한 일만 합니다[br]말 잘듣는 강아지처럼 말이죠

0:00:55.506,0:01:01.873
강아지에게 다음과 같이 명령할 수 있겠죠[br]앉아! 멈춰! 뒹굴어봐!

0:01:01.873,0:01:05.512
코드를 통해 컴퓨터 강아지를 앉게 하라면[br]어떻게 명령해야 할까요?

0:01:05.512,0:01:15.511
sit 이라는 명령어를 쓰고,[br]괄호를 열고 닫으면 되요

0:01:15.511,0:01:17.340
세미콜론[ ; ]을 마지막에 입력하면

0:01:17.340,0:01:22.039
명령이 완성되었습니다[br]이제 컴퓨터 강아지는 앉을거에요

0:01:22.039,0:01:27.644
칸 아카데미는 컴퓨터 강아지가 아니에요[br]앉거나 뒹구는 법을 몰라요[br]

0:01:27.644,0:01:32.031
하지만 직사각형을 그리는 방법은 알아요[br]rect 라고 입력하면 되요. 간단하죠

0:01:32.031,0:01:37.268
여기서 rect 는 명령어(함수명)이고

0:01:37.268,0:01:40.817
괄호를 열고 닫는 것은[br]명령(함수)를 수행하라는 의미입니다

0:01:40.817,0:01:43.116
명령(함수)의 마지막에는 세미콜론 ; 을 입력합니다.

0:01:43.116,0:01:47.436
이와같은 방식을 통해, 컴퓨터는 [br]rect 라는 명령(함수)을 인식하고 수행하게 됩니다

0:01:47.436,0:01:49.967
rect 명령(함수)를 다시 한번 살펴볼게요

0:01:49.967,0:01:53.672
함수명이 여기에 있고, 괄호가 있네요

0:01:53.672,0:01:56.870
이 인자들은 뭘까요

0:01:56.870,0:02:01.272
컴퓨터에게 rect 만 입력해서는[br]컴퓨터는 자세한 사항을 알지 못해요

0:02:01.272,0:02:09.669
여러분들에게 제가 종이 한장을 드릴게요[br]제가 생각한 그대로 직사각형을 그려주시겠어요?

0:02:09.669,0:02:14.866
여러분들이 제 생각을 읽을 수 없으니[br]몇가지 질문을 하겠죠

0:02:14.866,0:02:21.062
첫째로, 어느 위치에 그려야 하나요?[br]라고 묻는다면, 저는 이렇게 답할거에요

0:02:21.062,0:02:29.815
종이의 왼쪽 모서리를 0, 오른쪽 모서리를 400 으로[br]정의하는건 어때요? 라고 동의를 구할거에요

0:02:29.815,0:02:37.034
그리고, 제가 100 이라는 숫자를 말하면[br]대략적으로, 어디에 그려야 할지 알 수 있겠죠?

0:02:37.034,0:02:39.853
하지만, 뭔가 모자라죠[br]

0:02:39.853,0:02:43.884
좌우로는 어디에 그려야 할 지 알겠는데[br]위아래로는 어디에 그려야 하지?

0:02:43.884,0:02:46.896
저는 200이라는 숫자를 하나 더 말할거에요

0:02:46.896,0:02:52.784
종이의 위쪽 모서리를 0,[br]아래쪽 모서리를 400 이라고 정의했을때 말이에요

0:02:52.784,0:02:56.842
200 이니 중간이겠구나!

0:02:56.842,0:03:02.390
잘했어요[br]직사각형을 바로 이곳에 그려야 하죠

0:03:02.390,0:03:06.350
이곳이 왼쪽에서 100, 아랫쪽으로 200 인곳이니까요

0:03:06.350,0:03:09.886
하지만 아직도 뭔가가 부족하죠

0:03:09.886,0:03:12.368
직사각형이 얼마나 커야되요?

0:03:12.368,0:03:16.848
너비를 150 으로 하는건 어때? 라고 답하면

0:03:16.848,0:03:21.132
이 지점이 100 이고, 여기가 400 이니까

0:03:21.132,0:03:25.796
폭을 150 으로 하려면[br]여기까지 그리면 되겠네요

0:03:25.796,0:03:29.461
대략 너비가 150이라면[br]이렇게 그리면 되겠어

0:03:29.461,0:03:31.218
얼마나 높게 그려야되? 라고 물어보면

0:03:31.218,0:03:33.468
그리 높지 않아도 되. 50 으로 해줘[br]라고 말할거에요

0:03:33.468,0:03:37.346
50 이라면 이정도 높이겠네?

0:03:37.346,0:03:39.234
완벽해!

0:03:39.234,0:03:42.643
선생님이 부탁한대로[br]이 위치에 이런 모습으로 직사각형을 그릴 줄 알아요!

0:03:42.643,0:03:44.792
직사각형을 그려볼게요

0:03:44.792,0:03:47.492
직사각형 하나 그리는데[br]참 많은 일이 필요하죠?

0:03:47.492,0:03:50.358
하지만[br]단지, 숫자 4개를 말했을 뿐이에요

0:03:50.358,0:03:58.164
100 만큼 왼쪽에서, 200 만큼 아래인 위치에서[br]150 의 너비로, 50 의 높이로 그려달라 했어요[br]

0:03:58.164,0:04:01.253
컴퓨터로 그렸을 때도[br]직사각형은 이렇게 그려져야 해요

0:04:01.253,0:04:03.923
실은, 컴퓨터도 [br]이러한 방식으로 직사각형을 그려요

0:04:03.923,0:04:06.613
강의 초반에 언급했던[br]명령어 rect를 쓰고

0:04:06.613,0:04:09.993
괄호를 열고 숫자 4개를 써요

0:04:09.993,0:04:14.253
100, 200, 150, 50

0:04:14.253,0:04:16.353
괄호를 닫고 세미콜론[ ; ]을 입력해요

0:04:16.353,0:04:19.473
이게 바로 우리가 원했던 사각형이네요

0:04:19.473,0:04:22.423
그런데 솔직히 말해서,

0:04:22.423,0:04:25.715
컴퓨터로 그린 직사각형이[br]우리가 원했던 것과는 약간 다르네요

0:04:25.715,0:04:27.266
숫자들이 약간 다른것 같네요

0:04:27.266,0:04:31.460
우리가 손으로 그린 직사각형과[br]컴퓨터로 그린 것을 일치시켜보고 싶어요

0:04:31.460,0:04:34.546
오른쪽으로 조금 옮기고

0:04:34.546,0:04:37.163
위쪽으로 조금 올리고

0:04:37.163,0:04:39.538
폭을 조금 작게 하고

0:04:39.538,0:04:42.658
높이를 조금 낮게 했어요

0:04:42.658,0:04:46.164
이제, 우리가 손으로 그린것과[br]정확히 일치하는 직사각형을 그렸어요

0:04:46.164,0:04:52.170
숫자들이 의미하는 바를 이해했기 때문에[br]숫자를 바꾸어서, 원하는 모양으로 그릴 수 있었어요[br]

0:04:52.170,0:04:54.857
직사각형 하나를 더 그려보면서, 그 과정을 살펴볼까요?

0:04:54.857,0:04:59.239
이러한 방식의 장점은[br]어느곳이든 원하는 직사각형을 그릴 수 있다는 점이에요

0:04:59.239,0:05:03.243
위쪽 모퉁이에 위치한 직사각형을 그려봐요

0:05:03.243,0:05:05.938
어디에 위치해야 하는지 생각해봐요

0:05:05.938,0:05:09.599
왼쪽에서 0, 위쪽에서 0 인 곳에 위치할 것 같아요

0:05:09.599,0:05:16.480
매우 작은 직사각형일수도 있죠[br]너비는 50, 높이는 10인 매우 작은 직사각형이에요

0:05:16.480,0:05:18.427
이제 직사각형을 그려봐요

0:05:18.427,0:05:22.834
rect 를 입력하고[br]이 인자들을 반점 , 으로 구분해요

0:05:22.834,0:05:25.892
이제, 화면에 메시지가 뜨네요

0:05:25.892,0:05:31.377
에러 메시지네요[br][ 닫는 괄호 ) 가 없습니다 ]

0:05:31.377,0:05:34.442
아, 진짜 깜박했네요[br]끝 부분에 괄호를 닫아주면, 완벽하죠?

0:05:34.442,0:05:38.538
이번엔 다른 에러 메시지에요[br][ 세미콜론 ; 이 없습니다 ]

0:05:38.538,0:05:42.596
[Show me where] 를 클릭하면[br]컴퓨터는 우리가 방금 입력했던 줄을 지적할거에요

0:05:42.596,0:05:43.572
이거 하나 기억해요[br]

0:05:43.572,0:05:47.552
문장의 끝에 마침표를 쓰듯이,[br]코드의 끝은 세미콜론 ; 을 써야 합니다

0:05:47.552,0:05:48.596
이 사실을 깜박했었네요

0:05:48.596,0:05:51.854
끝부분에 세미콜론을 입력해요[br]이제 모든것이 완벽하네요[br]

0:05:51.854,0:05:55.845
우리가 원하는대로[br]작은 직사각형이 그려졌는지 확인해볼까요?

0:05:55.845,0:06:03.363
이전에 그렸던 직사각형처럼, 숫자를 바꾸면[br]커지기도 하고, 움직이기도 하고, 원하는 곳에 위치시킬 수 있어요

0:06:03.363,0:06:06.185
이제 rect 함수가 어떻게 동작하는지 완벽히 이해했어요

0:06:06.185,0:06:08.490
지금까지[br]인자들이 의미하는 바를 배웠고

0:06:08.490,0:06:12.096
함수명과 괄호를 입력해야 한다는 것을 배웠고

0:06:12.096,0:06:15.392
반점으로 인자들을 구분해야 한다는 것과[br]끝으로 세미콜론을 입력해야 한다는 것을 배웠습니다

0:06:15.392,0:06:16.511
지금까지 많은 것을 배웠습니다

0:06:16.511,0:06:19.057
직접 실습해보세요[br]그러면 이해하실 수 있을거에요

0:06:19.057,0:06:21.423
다음 시간에는, 다양한 도형들을 그려볼거에요

0:06:21.423,0:06:23.240
그리고 굉장한 것들을 해볼거에요

0:06:23.240,0:06:26.120
색을 실해보고, 화면에서 움직이도록 해볼거에요