[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.96,0:00:03.03,Default,,0000,0000,0000,,전적으로 그리는 도구에 대해 더 공부해 봅시다.
Dialogue: 0,0:00:03.03,0:00:05.27,Default,,0000,0000,0000,,직사각형 이외에 어떤것을 더 그릴수 있을까요?
Dialogue: 0,0:00:05.27,0:00:07.72,Default,,0000,0000,0000,,타원형을 ellipse를 이용해 그릴수 있습니다.
Dialogue: 0,0:00:07.72,0:00:09.97,Default,,0000,0000,0000,,이는 컴퓨터가 알수있는 다른 명령어 입니다.
Dialogue: 0,0:00:09.97,0:00:12.78,Default,,0000,0000,0000,,프로그래밍을 할때 컴퓨터를 위한 명령어를 가지고 있는데요
Dialogue: 0,0:00:12.78,0:00:14.75,Default,,0000,0000,0000,,이를 함수라고 부릅니다.
Dialogue: 0,0:00:14.75,0:00:17.79,Default,,0000,0000,0000,,지금부터 함수라는 단어를 명령어 라는뜻으로 사용하겠습니다.
Dialogue: 0,0:00:18.51,0:00:20.84,Default,,0000,0000,0000,,먼저 ellipse라는 함수를 적습니다.
Dialogue: 0,0:00:20.84,0:00:22.79,Default,,0000,0000,0000,,그리고 () 와 ; 를 적어줍니다.
Dialogue: 0,0:00:23.00,0:00:24.00,Default,,0000,0000,0000,,작동하지 않네요!
Dialogue: 0,0:00:24.00,0:00:26.14,Default,,0000,0000,0000,,매개변수에 대한 에러창이 뜹니다.
Dialogue: 0,0:00:26.14,0:00:27.37,Default,,0000,0000,0000,,그게 뭔지 모르지만 말이에요.
Dialogue: 0,0:00:27.37,0:00:30.33,Default,,0000,0000,0000,,직사각형을 그리는것을 봤을때와 비교해 봤을때 빠뜨린게 무엇이 있을까요?
Dialogue: 0,0:00:30.92,0:00:33.29,Default,,0000,0000,0000,,ellipse 만 정의했지, 숫자에 대해서 논의하지 않았네요.
Dialogue: 0,0:00:33.29,0:00:35.03,Default,,0000,0000,0000,,이 숫자는 직사각형에서 했던것과 똑같다고 볼수 있습니다.
Dialogue: 0,0:00:35.03,0:00:37.06,Default,,0000,0000,0000,,이 숫자들은 매개변수라고 부릅니다.
Dialogue: 0,0:00:37.55,0:00:40.50,Default,,0000,0000,0000,,이를 통해 함수속의 매개변수를 통해서
Dialogue: 0,0:00:40.50,0:00:43.00,Default,,0000,0000,0000,,그 함수가 어떻게 기능하는지 알수 있습니다.
Dialogue: 0,0:00:45.47,0:00:46.52,Default,,0000,0000,0000,,그러므로 매개변수 없이
Dialogue: 0,0:00:46.52,0:00:48.72,Default,,0000,0000,0000,,프로그램은 그리고 싶은 원을 어디에 그리는지 모릅니다.
Dialogue: 0,0:00:48.72,0:00:49.88,Default,,0000,0000,0000,,혹은 얼마나 크게 그릴지 말이죠.
Dialogue: 0,0:00:50.21,0:00:52.53,Default,,0000,0000,0000,,이제 에러창이 뜬 이유가 어느정도 이해갈겁니다.
Dialogue: 0,0:00:52.53,0:00:54.72,Default,,0000,0000,0000,,앞으로 돌아가서 4개 매개변수를 다시 봅시다.
Dialogue: 0,0:00:54.72,0:00:58.50,Default,,0000,0000,0000,,얼마나 옆으로 떨어져있고 얼마나 아래로 떨어져 있으며 또 얼마나 넓은지,
Dialogue: 0,0:00:58.50,0:01:00.56,Default,,0000,0000,0000,,그리고 그리고 싶은 원이 얼마나 긴지 알려줍니다.
Dialogue: 0,0:01:00.75,0:01:03.77,Default,,0000,0000,0000,,이전과 같이, 원으로 몇몇 재밌는 움직임을 시도해볼수 있습니다.
Dialogue: 0,0:01:03.77,0:01:05.78,Default,,0000,0000,0000,,심지어 커지거나 줄어들게도 가능합니다.
Dialogue: 0,0:01:08.20,0:01:11.63,Default,,0000,0000,0000,,이제 기본적인 함수를 봤습니다. 이제 큰 원을 하나 그려보도록 합시다.
Dialogue: 0,0:01:11.63,0:01:13.29,Default,,0000,0000,0000,,이 도화지의 중간에 말이죠.
Dialogue: 0,0:01:14.01,0:01:16.54,Default,,0000,0000,0000,,첫번째로 고려해야될것은 어디가 중심이냐는 것입니다.
Dialogue: 0,0:01:17.50,0:01:20.30,Default,,0000,0000,0000,,복습해보면, 위끝 왼쪽부분을 0,
Dialogue: 0,0:01:20.30,0:01:25.49,Default,,0000,0000,0000,,그리고 오른쪽 위끝, 기억나려나 모르겠지만 400이구요, 바닥은 또한 400입니다.
Dialogue: 0,0:01:25.49,0:01:27.76,Default,,0000,0000,0000,,그럼 중간은 어딜까요?
Dialogue: 0,0:01:27.76,0:01:31.28,Default,,0000,0000,0000,,400의 절반은 200이라고 할수있겠죠 그럼 가로로 200이구요
Dialogue: 0,0:01:31.28,0:01:33.76,Default,,0000,0000,0000,,세로로 절반은 또한 200이지요.
Dialogue: 0,0:01:33.76,0:01:35.02,Default,,0000,0000,0000,,하려던걸 해볼수 있겠네요.
Dialogue: 0,0:01:35.02,0:01:36.75,Default,,0000,0000,0000,,ellipse 함수를 만들고
Dialogue: 0,0:01:36.75,0:01:40.79,Default,,0000,0000,0000,,꽤나 크게 만들기 위해 매개변수를 집어 넣습니다.
Dialogue: 0,0:01:41.47,0:01:42.81,Default,,0000,0000,0000,,네 만들어 졌네요.
Dialogue: 0,0:01:43.48,0:01:45.77,Default,,0000,0000,0000,,재미로, 직사각형도 그려보도록 합시다.
Dialogue: 0,0:01:46.24,0:01:50.22,Default,,0000,0000,0000,,rect(200,200,100,100)을 적어서 조금 작게 만들겠습니다.
Dialogue: 0,0:01:50.22,0:01:53.00,Default,,0000,0000,0000,,재밌는 모양이 됐네요.
Dialogue: 0,0:01:53.00,0:01:54.81,Default,,0000,0000,0000,,이러한 수식을 통해 무엇을 알수 있었나요?
Dialogue: 0,0:01:55.24,0:01:58.00,Default,,0000,0000,0000,,200,200의 점을 볼수 있습니다.
Dialogue: 0,0:01:58.00,0:02:01.77,Default,,0000,0000,0000,,이는 원형의 중심을 어디에 잡아야 할지 알게 해줍니다.
Dialogue: 0,0:02:01.77,0:02:04.50,Default,,0000,0000,0000,,하지만 직사각형은 다릅니다. 왜냐하면
Dialogue: 0,0:02:04.50,0:02:08.54,Default,,0000,0000,0000,,200,200이 말하는 것은 직사각형의 왼쪽 위 가장자리 부분에 놓기 때문입니다.
Dialogue: 0,0:02:09.97,0:02:13.20,Default,,0000,0000,0000,,이것이 모양을 배치하려할때 기억해야할 중요한 요소입니다.
Dialogue: 0,0:02:14.75,0:02:16.56,Default,,0000,0000,0000,,이제 간단한 선그리기로 넘어갑시다.
Dialogue: 0,0:02:16.82,0:02:19.28,Default,,0000,0000,0000,,이 함수이름은 line입니다.
Dialogue: 0,0:02:19.48,0:02:21.77,Default,,0000,0000,0000,,다시 4개의 매개변수가 필요합니다.
Dialogue: 0,0:02:21.77,0:02:24.98,Default,,0000,0000,0000,,하지만 선은 직사각형과 다르게 폭과 너비가 없지요?
Dialogue: 0,0:02:25.23,0:02:27.22,Default,,0000,0000,0000,,그러면 매개변수는 무엇을 다룰까요?
Dialogue: 0,0:02:28.48,0:02:31.27,Default,,0000,0000,0000,,첫번째와 두번째의 매개변수는 이전형태와 같습니다.
Dialogue: 0,0:02:31.27,0:02:34.26,Default,,0000,0000,0000,,어디서 시작할지 얼마나 시작점이 옆으로 아래로 떨어져있는지 알게해줍니다.
Dialogue: 0,0:02:34.54,0:02:36.56,Default,,0000,0000,0000,,반면에 나머지 두 매개변수는요
Dialogue: 0,0:02:36.98,0:02:40.02,Default,,0000,0000,0000,,아 여기 뒤쪽이네요, 여기 90과 200인 두 매개변수는요
Dialogue: 0,0:02:40.02,0:02:43.53,Default,,0000,0000,0000,,얼마나 길게 또는 낮게 선이 끝나는지 알수있게 해줍니다.
Dialogue: 0,0:02:46.52,0:02:48.24,Default,,0000,0000,0000,,이제 어떻게 작동하는지 알겠네요.
Dialogue: 0,0:02:48.24,0:02:51.76,Default,,0000,0000,0000,,먼저 정말 이상해 보이는것을 다뤄봅시다.
Dialogue: 0,0:02:52.50,0:02:56.76,Default,,0000,0000,0000,,직사각형을 위끝 왼쪽부분에서 시작하면
Dialogue: 0,0:02:56.76,0:03:00.28,Default,,0000,0000,0000,,다시말해서 직사각형의 왼쪽위 가장자리를 지정하면 어떻게 될까요?
Dialogue: 0,0:03:00.53,0:03:02.28,Default,,0000,0000,0000,,그리고 좀 크게요
Dialogue: 0,0:03:03.99,0:03:07.02,Default,,0000,0000,0000,,이정도 크기로 할수있겠지만, 좀 큰거 같네요.
Dialogue: 0,0:03:07.78,0:03:11.76,Default,,0000,0000,0000,,이를 보면 원이 점점 없어지는것을 볼수 있습니다.
Dialogue: 0,0:03:11.91,0:03:13.78,Default,,0000,0000,0000,,완전히 없앨 수도 있지요.
Dialogue: 0,0:03:14.76,0:03:16.54,Default,,0000,0000,0000,,이젠 어디에 있었는지도 모르겠네요.
Dialogue: 0,0:03:17.77,0:03:21.50,Default,,0000,0000,0000,,사실 프로그램은 명령대로 그린 상태입니다.
Dialogue: 0,0:03:21.50,0:03:24.70,Default,,0000,0000,0000,,먼저 원을 그리고 그위에 직사각형을 그렸네요
Dialogue: 0,0:03:24.70,0:03:26.50,Default,,0000,0000,0000,,그리고 선을 그렸습니다.
Dialogue: 0,0:03:26.50,0:03:29.76,Default,,0000,0000,0000,,그러므로 원은 그자리에 그대로 있고, 여기 보신거처럼 아래에 있습니다.
Dialogue: 0,0:03:30.77,0:03:32.50,Default,,0000,0000,0000,,이는 기억해야할 중요한 점입니다.
Dialogue: 0,0:03:32.50,0:03:35.81,Default,,0000,0000,0000,,왜냐하면 선을 먼저 그렸을때 어떤일이 일어날까요?
Dialogue: 0,0:03:36.50,0:03:38.52,Default,,0000,0000,0000,,선에 대해 아무것도 볼수없죠?
Dialogue: 0,0:03:38.52,0:03:41.73,Default,,0000,0000,0000,,내 선이 어디갔냐고 의아해 할지도 모릅니다.
Dialogue: 0,0:03:41.74,0:03:45.02,Default,,0000,0000,0000,,사실은 선은 그자리에 있고 그밑에 숨겨져 있는 것입니다.
Dialogue: 0,0:03:45.02,0:03:48.05,Default,,0000,0000,0000,,원과 동시에 직사각형 밑에 숨겨져 있습니다.
Dialogue: 0,0:03:50.25,0:03:53.50,Default,,0000,0000,0000,,이를 통해 단지 그리는 순서를 바꾸는것을 통해서
Dialogue: 0,0:03:53.50,0:03:56.56,Default,,0000,0000,0000,,무엇이 위에 그리는지 정할수 있습니다.
Dialogue: 0,0:03:58.59,0:04:01.03,Default,,0000,0000,0000,,이제 몇몇 기술적인 용어들을 소개해 드리겠습니다.
Dialogue: 0,0:04:01.03,0:04:02.28,Default,,0000,0000,0000,,끝내기 전에 말이이요.
Dialogue: 0,0:04:02.77,0:04:04.51,Default,,0000,0000,0000,,수학에서 배웠던것과 마찬가지로
Dialogue: 0,0:04:04.51,0:04:07.49,Default,,0000,0000,0000,,x 라는 문자를 얼마나 멀리 떨어져있는지로 사용할수 있습니다.
Dialogue: 0,0:04:07.49,0:04:09.22,Default,,0000,0000,0000,,이제껏 수학에서 써왔던 것과 마찬가지로 말입니다.
Dialogue: 0,0:04:09.22,0:04:11.53,Default,,0000,0000,0000,,y 는 얼마나 아래로 멀리 떨어져 있는지를 나타냅니다.
Dialogue: 0,0:04:11.53,0:04:14.00,Default,,0000,0000,0000,,사용하지 않았더라면 조금 이상할수도 있습니다.
Dialogue: 0,0:04:14.00,0:04:17.23,Default,,0000,0000,0000,,이는 얼마나 떨어졌는지를 말하는것보다 나타내기 쉽습니다.
Dialogue: 0,0:04:17.23,0:04:18.54,Default,,0000,0000,0000,,항상 말하기는 힘드니까 말이에요.
Dialogue: 0,0:04:19.49,0:04:22.22,Default,,0000,0000,0000,,예를들어 원에서 앞의 두개의 매개변수는
Dialogue: 0,0:04:22.22,0:04:27.53,Default,,0000,0000,0000,,x 는 200이고 y 는 229가 되겠네요.
Dialogue: 0,0:04:28.97,0:04:30.25,Default,,0000,0000,0000,,이말은
Dialogue: 0,0:04:30.25,0:04:33.04,Default,,0000,0000,0000,,얼마나 멀리, 얼마나 아래로 떨어졌는지와 똑같은 말입니다.
Dialogue: 0,0:04:33.98,0:04:36.03,Default,,0000,0000,0000,,다음으로 고려해야할것은
Dialogue: 0,0:04:36.03,0:04:38.56,Default,,0000,0000,0000,,어떤 단위가 사용되고 있느냐 입니다.
Dialogue: 0,0:04:38.79,0:04:42.76,Default,,0000,0000,0000,,200센치미터, 200인치, 200마일 무엇일까요?
Dialogue: 0,0:04:42.76,0:04:44.81,Default,,0000,0000,0000,,우리는 여기서 픽셀 단위를 사용합니다.
Dialogue: 0,0:04:45.26,0:04:47.79,Default,,0000,0000,0000,,픽셀은 화면에서 아주 작은 점 하나입니다.
Dialogue: 0,0:04:48.48,0:04:51.96,Default,,0000,0000,0000,,이 도화지는 400개의 픽셀의 너비로 구성되있습니다.
Dialogue: 0,0:04:52.29,0:04:56.50,Default,,0000,0000,0000,,이게 왼쪽 위 모서리가 0 인 이유입니다.
Dialogue: 0,0:04:56.50,0:05:00.59,Default,,0000,0000,0000,,이쪽이 400인 이유입니다. 왜냐하면 400 픽셀이기 때문이지요.
Dialogue: 0,0:05:01.51,0:05:04.78,Default,,0000,0000,0000,,똑같이 200을 보면 200 픽셀을 의미하게 됩니다.
Dialogue: 0,0:05:04.78,0:05:06.54,Default,,0000,0000,0000,,이해하셨을거라 생각합니다.
Dialogue: 0,0:05:07.18,0:05:08.30,Default,,0000,0000,0000,,멋지네요!
Dialogue: 0,0:05:08.30,0:05:10.79,Default,,0000,0000,0000,,line ellipse rect 세가지 함수들을 알게됬습니다.
Dialogue: 0,0:05:10.79,0:05:12.00,Default,,0000,0000,0000,,그리고 각각의 매개변수도요.
Dialogue: 0,0:05:12.25,0:05:14.79,Default,,0000,0000,0000,,많은것을 다루었지만 계속해서 공부하고 다룬다면
Dialogue: 0,0:05:14.79,0:05:16.42,Default,,0000,0000,0000,,곧 익숙해질겁니다.