[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.97,0:00:02.54,Default,,0000,0000,0000,,프로그래밍을 시작해봐요
Dialogue: 0,0:00:02.54,0:00:05.25,Default,,0000,0000,0000,,프로그래밍을 하려면\N도형과 수학을 알아야 해요
Dialogue: 0,0:00:05.25,0:00:06.30,Default,,0000,0000,0000,,걱정하지 마세요
Dialogue: 0,0:00:06.30,0:00:08.25,Default,,0000,0000,0000,,조금만 배우면\N도형들이 화면에서 이리 저리 움직이게 할 수 있어요
Dialogue: 0,0:00:08.25,0:00:10.97,Default,,0000,0000,0000,,색깔도 바꾸고,\N그 외에 재밌는 것들을 프로그래밍 해 볼거에요
Dialogue: 0,0:00:10.97,0:00:12.34,Default,,0000,0000,0000,,우리 함께 해봐요
Dialogue: 0,0:00:12.34,0:00:14.35,Default,,0000,0000,0000,,직사각형을 그려볼거에요
Dialogue: 0,0:00:14.35,0:00:16.53,Default,,0000,0000,0000,,직사각형을 그리려면 rect 명령어를 써야해요
Dialogue: 0,0:00:16.53,0:00:20.85,Default,,0000,0000,0000,,괄호를 열고, 숫자 4개를 입력하세요\N이 숫자 4개가 무엇을 의미하는지는 나중에 알려줄게요\N
Dialogue: 0,0:00:20.85,0:00:23.83,Default,,0000,0000,0000,,괄호를 닫고 세미콜론을 입력하세요
Dialogue: 0,0:00:23.83,0:00:25.82,Default,,0000,0000,0000,,직사각형이 그려졌네요
Dialogue: 0,0:00:25.82,0:00:27.76,Default,,0000,0000,0000,,간단하죠?\N하나를 더 그려볼거에요
Dialogue: 0,0:00:27.76,0:00:29.75,Default,,0000,0000,0000,,다른 숫자들을 입력해볼게요
Dialogue: 0,0:00:29.75,0:00:33.98,Default,,0000,0000,0000,,처음 두 인자는 큰 수로\N뒤의 두 인자는 작은 수로 입력했어요
Dialogue: 0,0:00:33.98,0:00:35.70,Default,,0000,0000,0000,,다른 직사각형이 그려졌네요
Dialogue: 0,0:00:35.70,0:00:41.00,Default,,0000,0000,0000,,첫번째 인자를 바꾸면, 움직이기 시작하네요
Dialogue: 0,0:00:41.00,0:00:47.70,Default,,0000,0000,0000,,마지막 인자를 바꾸면 높이가 바뀝니다\N재미있죠?
Dialogue: 0,0:00:47.70,0:00:50.76,Default,,0000,0000,0000,,왜 그러는지 궁금하지 않아요?
Dialogue: 0,0:00:50.76,0:00:55.51,Default,,0000,0000,0000,,컴퓨터는 지시한 일만 합니다\N말 잘듣는 강아지처럼 말이죠
Dialogue: 0,0:00:55.51,0:01:01.87,Default,,0000,0000,0000,,강아지에게 다음과 같이 명령할 수 있겠죠\N앉아! 멈춰! 뒹굴어봐!
Dialogue: 0,0:01:01.87,0:01:05.51,Default,,0000,0000,0000,,코드를 통해 컴퓨터 강아지를 앉게 하라면\N어떻게 명령해야 할까요?
Dialogue: 0,0:01:05.51,0:01:15.51,Default,,0000,0000,0000,,sit 이라는 명령어를 쓰고,\N괄호를 열고 닫으면 되요
Dialogue: 0,0:01:15.51,0:01:17.34,Default,,0000,0000,0000,,세미콜론[ ; ]을 마지막에 입력하면
Dialogue: 0,0:01:17.34,0:01:22.04,Default,,0000,0000,0000,,명령이 완성되었습니다\N이제 컴퓨터 강아지는 앉을거에요
Dialogue: 0,0:01:22.04,0:01:27.64,Default,,0000,0000,0000,,칸 아카데미는 컴퓨터 강아지가 아니에요\N앉거나 뒹구는 법을 몰라요\N
Dialogue: 0,0:01:27.64,0:01:32.03,Default,,0000,0000,0000,,하지만 직사각형을 그리는 방법은 알아요\Nrect 라고 입력하면 되요. 간단하죠
Dialogue: 0,0:01:32.03,0:01:37.27,Default,,0000,0000,0000,,여기서 rect 는 명령어(함수명)이고
Dialogue: 0,0:01:37.27,0:01:40.82,Default,,0000,0000,0000,,괄호를 열고 닫는 것은\N명령(함수)를 수행하라는 의미입니다
Dialogue: 0,0:01:40.82,0:01:43.12,Default,,0000,0000,0000,,명령(함수)의 마지막에는 세미콜론 ; 을 입력합니다.
Dialogue: 0,0:01:43.12,0:01:47.44,Default,,0000,0000,0000,,이와같은 방식을 통해, 컴퓨터는 \Nrect 라는 명령(함수)을 인식하고 수행하게 됩니다
Dialogue: 0,0:01:47.44,0:01:49.97,Default,,0000,0000,0000,,rect 명령(함수)를 다시 한번 살펴볼게요
Dialogue: 0,0:01:49.97,0:01:53.67,Default,,0000,0000,0000,,함수명이 여기에 있고, 괄호가 있네요
Dialogue: 0,0:01:53.67,0:01:56.87,Default,,0000,0000,0000,,이 인자들은 뭘까요
Dialogue: 0,0:01:56.87,0:02:01.27,Default,,0000,0000,0000,,컴퓨터에게 rect 만 입력해서는\N컴퓨터는 자세한 사항을 알지 못해요
Dialogue: 0,0:02:01.27,0:02:09.67,Default,,0000,0000,0000,,여러분들에게 제가 종이 한장을 드릴게요\N제가 생각한 그대로 직사각형을 그려주시겠어요?
Dialogue: 0,0:02:09.67,0:02:14.87,Default,,0000,0000,0000,,여러분들이 제 생각을 읽을 수 없으니\N몇가지 질문을 하겠죠
Dialogue: 0,0:02:14.87,0:02:21.06,Default,,0000,0000,0000,,첫째로, 어느 위치에 그려야 하나요?\N라고 묻는다면, 저는 이렇게 답할거에요
Dialogue: 0,0:02:21.06,0:02:29.82,Default,,0000,0000,0000,,종이의 왼쪽 모서리를 0, 오른쪽 모서리를 400 으로\N정의하는건 어때요? 라고 동의를 구할거에요
Dialogue: 0,0:02:29.82,0:02:37.03,Default,,0000,0000,0000,,그리고, 제가 100 이라는 숫자를 말하면\N대략적으로, 어디에 그려야 할지 알 수 있겠죠?
Dialogue: 0,0:02:37.03,0:02:39.85,Default,,0000,0000,0000,,하지만, 뭔가 모자라죠\N
Dialogue: 0,0:02:39.85,0:02:43.88,Default,,0000,0000,0000,,좌우로는 어디에 그려야 할 지 알겠는데\N위아래로는 어디에 그려야 하지?
Dialogue: 0,0:02:43.88,0:02:46.90,Default,,0000,0000,0000,,저는 200이라는 숫자를 하나 더 말할거에요
Dialogue: 0,0:02:46.90,0:02:52.78,Default,,0000,0000,0000,,종이의 위쪽 모서리를 0,\N아래쪽 모서리를 400 이라고 정의했을때 말이에요
Dialogue: 0,0:02:52.78,0:02:56.84,Default,,0000,0000,0000,,200 이니 중간이겠구나!
Dialogue: 0,0:02:56.84,0:03:02.39,Default,,0000,0000,0000,,잘했어요\N직사각형을 바로 이곳에 그려야 하죠
Dialogue: 0,0:03:02.39,0:03:06.35,Default,,0000,0000,0000,,이곳이 왼쪽에서 100, 아랫쪽으로 200 인곳이니까요
Dialogue: 0,0:03:06.35,0:03:09.89,Default,,0000,0000,0000,,하지만 아직도 뭔가가 부족하죠
Dialogue: 0,0:03:09.89,0:03:12.37,Default,,0000,0000,0000,,직사각형이 얼마나 커야되요?
Dialogue: 0,0:03:12.37,0:03:16.85,Default,,0000,0000,0000,,너비를 150 으로 하는건 어때? 라고 답하면
Dialogue: 0,0:03:16.85,0:03:21.13,Default,,0000,0000,0000,,이 지점이 100 이고, 여기가 400 이니까
Dialogue: 0,0:03:21.13,0:03:25.80,Default,,0000,0000,0000,,폭을 150 으로 하려면\N여기까지 그리면 되겠네요
Dialogue: 0,0:03:25.80,0:03:29.46,Default,,0000,0000,0000,,대략 너비가 150이라면\N이렇게 그리면 되겠어
Dialogue: 0,0:03:29.46,0:03:31.22,Default,,0000,0000,0000,,얼마나 높게 그려야되? 라고 물어보면
Dialogue: 0,0:03:31.22,0:03:33.47,Default,,0000,0000,0000,,그리 높지 않아도 되. 50 으로 해줘\N라고 말할거에요
Dialogue: 0,0:03:33.47,0:03:37.35,Default,,0000,0000,0000,,50 이라면 이정도 높이겠네?
Dialogue: 0,0:03:37.35,0:03:39.23,Default,,0000,0000,0000,,완벽해!
Dialogue: 0,0:03:39.23,0:03:42.64,Default,,0000,0000,0000,,선생님이 부탁한대로\N이 위치에 이런 모습으로 직사각형을 그릴 줄 알아요!
Dialogue: 0,0:03:42.64,0:03:44.79,Default,,0000,0000,0000,,직사각형을 그려볼게요
Dialogue: 0,0:03:44.79,0:03:47.49,Default,,0000,0000,0000,,직사각형 하나 그리는데\N참 많은 일이 필요하죠?
Dialogue: 0,0:03:47.49,0:03:50.36,Default,,0000,0000,0000,,하지만\N단지, 숫자 4개를 말했을 뿐이에요
Dialogue: 0,0:03:50.36,0:03:58.16,Default,,0000,0000,0000,,100 만큼 왼쪽에서, 200 만큼 아래인 위치에서\N150 의 너비로, 50 의 높이로 그려달라 했어요\N
Dialogue: 0,0:03:58.16,0:04:01.25,Default,,0000,0000,0000,,컴퓨터로 그렸을 때도\N직사각형은 이렇게 그려져야 해요
Dialogue: 0,0:04:01.25,0:04:03.92,Default,,0000,0000,0000,,실은, 컴퓨터도 \N이러한 방식으로 직사각형을 그려요
Dialogue: 0,0:04:03.92,0:04:06.61,Default,,0000,0000,0000,,강의 초반에 언급했던\N명령어 rect를 쓰고
Dialogue: 0,0:04:06.61,0:04:09.99,Default,,0000,0000,0000,,괄호를 열고 숫자 4개를 써요
Dialogue: 0,0:04:09.99,0:04:14.25,Default,,0000,0000,0000,,100, 200, 150, 50
Dialogue: 0,0:04:14.25,0:04:16.35,Default,,0000,0000,0000,,괄호를 닫고 세미콜론[ ; ]을 입력해요
Dialogue: 0,0:04:16.35,0:04:19.47,Default,,0000,0000,0000,,이게 바로 우리가 원했던 사각형이네요
Dialogue: 0,0:04:19.47,0:04:22.42,Default,,0000,0000,0000,,그런데 솔직히 말해서,
Dialogue: 0,0:04:22.42,0:04:25.72,Default,,0000,0000,0000,,컴퓨터로 그린 직사각형이\N우리가 원했던 것과는 약간 다르네요
Dialogue: 0,0:04:25.72,0:04:27.27,Default,,0000,0000,0000,,숫자들이 약간 다른것 같네요
Dialogue: 0,0:04:27.27,0:04:31.46,Default,,0000,0000,0000,,우리가 손으로 그린 직사각형과\N컴퓨터로 그린 것을 일치시켜보고 싶어요
Dialogue: 0,0:04:31.46,0:04:34.55,Default,,0000,0000,0000,,오른쪽으로 조금 옮기고
Dialogue: 0,0:04:34.55,0:04:37.16,Default,,0000,0000,0000,,위쪽으로 조금 올리고
Dialogue: 0,0:04:37.16,0:04:39.54,Default,,0000,0000,0000,,폭을 조금 작게 하고
Dialogue: 0,0:04:39.54,0:04:42.66,Default,,0000,0000,0000,,높이를 조금 낮게 했어요
Dialogue: 0,0:04:42.66,0:04:46.16,Default,,0000,0000,0000,,이제, 우리가 손으로 그린것과\N정확히 일치하는 직사각형을 그렸어요
Dialogue: 0,0:04:46.16,0:04:52.17,Default,,0000,0000,0000,,숫자들이 의미하는 바를 이해했기 때문에\N숫자를 바꾸어서, 원하는 모양으로 그릴 수 있었어요\N
Dialogue: 0,0:04:52.17,0:04:54.86,Default,,0000,0000,0000,,직사각형 하나를 더 그려보면서, 그 과정을 살펴볼까요?
Dialogue: 0,0:04:54.86,0:04:59.24,Default,,0000,0000,0000,,이러한 방식의 장점은\N어느곳이든 원하는 직사각형을 그릴 수 있다는 점이에요
Dialogue: 0,0:04:59.24,0:05:03.24,Default,,0000,0000,0000,,위쪽 모퉁이에 위치한 직사각형을 그려봐요
Dialogue: 0,0:05:03.24,0:05:05.94,Default,,0000,0000,0000,,어디에 위치해야 하는지 생각해봐요
Dialogue: 0,0:05:05.94,0:05:09.60,Default,,0000,0000,0000,,왼쪽에서 0, 위쪽에서 0 인 곳에 위치할 것 같아요
Dialogue: 0,0:05:09.60,0:05:16.48,Default,,0000,0000,0000,,매우 작은 직사각형일수도 있죠\N너비는 50, 높이는 10인 매우 작은 직사각형이에요
Dialogue: 0,0:05:16.48,0:05:18.43,Default,,0000,0000,0000,,이제 직사각형을 그려봐요
Dialogue: 0,0:05:18.43,0:05:22.83,Default,,0000,0000,0000,,rect 를 입력하고\N이 인자들을 반점 , 으로 구분해요
Dialogue: 0,0:05:22.83,0:05:25.89,Default,,0000,0000,0000,,이제, 화면에 메시지가 뜨네요
Dialogue: 0,0:05:25.89,0:05:31.38,Default,,0000,0000,0000,,에러 메시지네요\N[ 닫는 괄호 ) 가 없습니다 ]
Dialogue: 0,0:05:31.38,0:05:34.44,Default,,0000,0000,0000,,아, 진짜 깜박했네요\N끝 부분에 괄호를 닫아주면, 완벽하죠?
Dialogue: 0,0:05:34.44,0:05:38.54,Default,,0000,0000,0000,,이번엔 다른 에러 메시지에요\N[ 세미콜론 ; 이 없습니다 ]
Dialogue: 0,0:05:38.54,0:05:42.60,Default,,0000,0000,0000,,[Show me where] 를 클릭하면\N컴퓨터는 우리가 방금 입력했던 줄을 지적할거에요
Dialogue: 0,0:05:42.60,0:05:43.57,Default,,0000,0000,0000,,이거 하나 기억해요\N
Dialogue: 0,0:05:43.57,0:05:47.55,Default,,0000,0000,0000,,문장의 끝에 마침표를 쓰듯이,\N코드의 끝은 세미콜론 ; 을 써야 합니다
Dialogue: 0,0:05:47.55,0:05:48.60,Default,,0000,0000,0000,,이 사실을 깜박했었네요
Dialogue: 0,0:05:48.60,0:05:51.85,Default,,0000,0000,0000,,끝부분에 세미콜론을 입력해요\N이제 모든것이 완벽하네요\N
Dialogue: 0,0:05:51.85,0:05:55.84,Default,,0000,0000,0000,,우리가 원하는대로\N작은 직사각형이 그려졌는지 확인해볼까요?
Dialogue: 0,0:05:55.84,0:06:03.36,Default,,0000,0000,0000,,이전에 그렸던 직사각형처럼, 숫자를 바꾸면\N커지기도 하고, 움직이기도 하고, 원하는 곳에 위치시킬 수 있어요
Dialogue: 0,0:06:03.36,0:06:06.18,Default,,0000,0000,0000,,이제 rect 함수가 어떻게 동작하는지 완벽히 이해했어요
Dialogue: 0,0:06:06.18,0:06:08.49,Default,,0000,0000,0000,,지금까지\N인자들이 의미하는 바를 배웠고
Dialogue: 0,0:06:08.49,0:06:12.10,Default,,0000,0000,0000,,함수명과 괄호를 입력해야 한다는 것을 배웠고
Dialogue: 0,0:06:12.10,0:06:15.39,Default,,0000,0000,0000,,반점으로 인자들을 구분해야 한다는 것과\N끝으로 세미콜론을 입력해야 한다는 것을 배웠습니다
Dialogue: 0,0:06:15.39,0:06:16.51,Default,,0000,0000,0000,,지금까지 많은 것을 배웠습니다
Dialogue: 0,0:06:16.51,0:06:19.06,Default,,0000,0000,0000,,직접 실습해보세요\N그러면 이해하실 수 있을거에요
Dialogue: 0,0:06:19.06,0:06:21.42,Default,,0000,0000,0000,,다음 시간에는, 다양한 도형들을 그려볼거에요
Dialogue: 0,0:06:21.42,0:06:23.24,Default,,0000,0000,0000,,그리고 굉장한 것들을 해볼거에요
Dialogue: 0,0:06:23.24,0:06:26.12,Default,,0000,0000,0000,,색을 실해보고, 화면에서 움직이도록 해볼거에요