1
00:00:01,434 --> 00:00:07,073
구문에 대해 배웠기 때문에, 이와 같은 그림에 대해도 공부해봅시다

2
00:00:07,073 --> 00:00:09,849
풍선에 매달려 하늘을 날고있는 Hopper에요

3
00:00:09,849 --> 00:00:16,401
"scratch" 라는 프로그램을 혼자서 사용할 수 있는지 해보세요
곧 여러분이 하게 될 것이거든요

4
00:00:16,401 --> 00:00:20,207
자 첫째로, 그 프로그램은 여러분의 프로그램을 단계적으로
분석하는 데 도움을 줄거에요

5
00:00:20,207 --> 00:00:27,485
이 풍선들을 그리는 것으로 시작해보죠
동일한 타원형의 풍선이 나란히 있습니다

6
00:00:27,485 --> 00:00:33,774
그리고 이 선들을 그릴 겁니다
마지막으로 Ballon Hopper를 넣으면 되겠네요

7
00:00:33,774 --> 00:00:37,963
좋아요, 여기에 빈 슬레이트가 있어요

8
00:00:37,963 --> 00:00:43,869
가끔은, 배경을 바로 추가시켜서 보다 익숙한 색으로 바꿀 수 있어요

9
00:00:43,869 --> 00:00:49,933
이제 구문을 사용할 건데 지난 시간에 했던 것을 떠올려 보세요

10
00:00:49,933 --> 00:00:56,933
이번엔 그것을 빠르게 해볼거에요
복습하고 싶다면 "Intro to While Loops"강의를 참고하세요

11
00:00:56,933 --> 00:01:01,393
첫번째 질문: "무엇을 반복할 것인가?"

12
00:01:01,393 --> 00:01:06,441
첫번째 풍선을 그려보도록 하죠
하나의 풍선을 반복해서 사용할 거기 때문이에요

13
00:01:06,441 --> 00:01:15,066
한번 해봅시다
아시다시피, 너무 작아서 공간에 비해 맞지 않네요

14
00:01:15,066 --> 00:01:17,169
그래서 조금 이동해볼게요

15
00:01:17,169 --> 00:01:25,183
이것은 프로그래밍의 일부분일 뿐이에요
여러분이 더 시도해보고자 하는 프로그래밍에 계속 도전하길 바랍니다

16
00:01:25,183 --> 00:01:33,870
자, 풍선에 색을 넣어야 해요, 그렇죠?
색을 넣는 것을 풍선을 그리는 것의 일부분이라 생각하시면 됩니다


17
00:01:33,870 --> 00:01:40,898
다음으로, 구문에서 어떻게 풍선 색을 바꿀지 생각해 볼 필요가 있어요

18
00:01:40,898 --> 00:01:47,733
풍선을 화면에 보일건데, 여기 여기 여기에 넣으려고 해요

19
00:01:47,733 --> 00:01:51,013
계산을 이용해서 그릴 겁니다
제 그림은 최악이기 때문에요

20
00:01:51,013 --> 00:01:58,391
이 첫번째 숫자를 바꾸고 x축 위치를 움직여서
조금씩 이동시킬 수 있어요

21
00:01:58,391 --> 00:02:02,767
하지만 뭔가 부족해요, 이전에 봤던 풍선과는 다르죠

22
00:02:02,767 --> 00:02:11,108
그래서 x 위치를 표시하기 위해 변수 x를 이용합니다
변수 만드는 법을 예전에 배웠었죠

23
00:02:11,108 --> 00:02:15,912
while 구문에서 사용할 수 있도록
이제 구문 안의 변수를 바꿔봅시다

24
00:02:15,912 --> 00:02:22,136
이제 구문 안에서 x값이 20씩 바뀌게 될 겁니다

25
00:02:22,136 --> 00:02:27,398
ellipse를 while 구문 안에 넣고
변수 x 선언은 바깥에 그대로 둡니다

26
00:02:27,398 --> 00:02:30,209
왜 그런지는 한번 생각해 보세요

27
00:02:30,209 --> 00:02:34,375
궁금하면 한 번 생각해볼 만한 일이에요

28
00:02:34,375 --> 00:02:39,392
좋아요, 세번째 질문 "얼마나 오랫동안 반복할 것인가?"

29
00:02:39,392 --> 00:02:43,818
풍선이 화면 밖으로 나가기 전까지로 하면 되겠네요

30
00:02:43,818 --> 00:02:46,647
그래서 "x가 400보다 작을 때" 로 할게요


31
00:02:46,647 --> 00:02:51,163
풍선에 변화가 생겼어요
하지만 우리가 상상하던 것과는 다르죠

32
00:02:51,163 --> 00:02:55,839
그래서 원래처럼 풍선을 만들기 위해 개선해나가도록 해보죠

33
00:02:55,839 --> 00:02:59,400
우선, 풍선들이 너무 뭉쳐 있어요

34
00:02:59,400 --> 00:03:02,409
풍선 간에 숨쉴 공간들을 좀 두도록 하죠

35
00:03:02,409 --> 00:03:09,317
하지만 또 간격이 너무 멀어지게 되면 화면에서 사라지게 되겠죠

36
00:03:09,317 --> 00:03:16,507
그래서 풍선이 이 지점에 왔을때 풍선 그리기를 중단해야 합니다

37
00:03:16,507 --> 00:03:19,385
이것이 while 구문에서 언급해줘야 할 부분이죠

38
00:03:19,385 --> 00:03:24,945
아시겠나요? 그리고 풍선을 아래로 이동시키고자 하거나

39
00:03:24,945 --> 00:03:34,018
크기를 바꾸고 싶다면
이 모든것이 while 구문 안에서 동시에 가능해요

40
00:03:34,018 --> 00:03:36,896
좋아요 완벽해요

41
00:03:36,896 --> 00:03:42,024
이제 풍선을 보면, 선만 연결되면 훌륭하겠네요

42
00:03:42,024 --> 00:03:43,892
선이 없으면 풍선이 날라가니까요

43
00:03:43,892 --> 00:03:50,573
그래서 풍선에 각각 선이 연결되어야 합니다
각각의 풍선의 가운데 지점에 선을 연결해 봅시다

44
00:03:50,573 --> 00:03:55,912
쉽게 하기 위해서입니다
그리고 같은 지점에서 선이 나오도록 할거에요


45
00:03:55,912 --> 00:03:59,430
어떻게 프로그램을 구성하면 될까요?

46
00:03:59,430 --> 00:04:05,000
무언가를 반복하고 싶다면, while 구문 안에 넣으면 됩니다
자, 같이 작성해보도록 하죠

47
00:04:05,000 --> 00:04:10,702
풍선의 가운데에서 선이 나오려면 이 두가지 값을 가져다 쓰면 됩니다

48
00:04:10,702 --> 00:04:16,618
끝이 보이네요
처음에 보던 그림과 거의 같아졌어요

49
00:04:16,618 --> 00:04:23,655
하지만 아직은 부족해요 수정이 좀 필요하겠네요
이 지저분한 부분을 없애야 겠어요


50
00:04:23,655 --> 00:04:29,813
선과 풍선이 교차되는게 문제네요

51
00:04:29,813 --> 00:04:35,249
풍선이 선을 포함하면 될거에요
그래서 순서를 바꿔볼 수 있어요

52
00:04:35,249 --> 00:04:38,764
아마도 예전에 배웠던 것들이 많이 쓰일 거에요

53
00:04:38,764 --> 00:04:45,315
좋아요, 하지만 선 색깔을 바꾸고 싶다면
혼자서 어떻게 하시겠어요?

54
00:04:45,315 --> 00:04:47,224
그럴 땐, documentation에서 찾아보세요

55
00:04:47,224 --> 00:04:50,474
찾는 방법을 모르시겠다면 documentation 비디오를 보세요

56
00:04:50,474 --> 00:04:54,924
그러면 선의 색깔을 정하는 stroke() 를 사용하실 수 있을 겁니다

57
00:04:54,924 --> 00:05:00,253
이 색깔로 하겠습니다

58
00:05:00,253 --> 00:05:10,152
멋지네요 이제 마지막으로, Hopper만 그리면 되겠어요
image만 여기에 넣으면 됩니다

59
00:05:10,152 --> 00:05:16,536
이것 역시 documentation을 참고하세요
Hopper를 이동시키거나 이것처럼 풍선을 잡는 모양을 만들 수 있어요

60
00:05:16,536 --> 00:05:18,229
하늘을 나는 모습도 만들고요

61
00:05:18,229 --> 00:05:26,534
해냈어요! 여기 구문에 필요한 것들을 추가시켜서
여러분이 풍선을 꾸며줄 수 있어요

62
00:05:26,534 --> 00:05:30,534
그리고 다음에 그려볼 그림에서도 써볼 수 있겠네요