0:00:01.434,0:00:07.073 구문에 대해 배웠기 때문에, 이와 같은 그림에 대해도 공부해봅시다 0:00:07.073,0:00:09.849 풍선에 매달려 하늘을 날고있는 Hopper에요 0:00:09.849,0:00:16.401 "scratch" 라는 프로그램을 혼자서 사용할 수 있는지 해보세요[br]곧 여러분이 하게 될 것이거든요 0:00:16.401,0:00:20.207 자 첫째로, 그 프로그램은 여러분의 프로그램을 단계적으로[br]분석하는 데 도움을 줄거에요 0:00:20.207,0:00:27.485 이 풍선들을 그리는 것으로 시작해보죠[br]동일한 타원형의 풍선이 나란히 있습니다 0:00:27.485,0:00:33.774 그리고 이 선들을 그릴 겁니다[br]마지막으로 Ballon Hopper를 넣으면 되겠네요 0:00:33.774,0:00:37.963 좋아요, 여기에 빈 슬레이트가 있어요 0:00:37.963,0:00:43.869 가끔은, 배경을 바로 추가시켜서 보다 익숙한 색으로 바꿀 수 있어요 0:00:43.869,0:00:49.933 이제 구문을 사용할 건데 지난 시간에 했던 것을 떠올려 보세요 0:00:49.933,0:00:56.933 이번엔 그것을 빠르게 해볼거에요[br]복습하고 싶다면 "Intro to While Loops"강의를 참고하세요 0:00:56.933,0:01:01.393 첫번째 질문: "무엇을 반복할 것인가?" 0:01:01.393,0:01:06.441 첫번째 풍선을 그려보도록 하죠[br]하나의 풍선을 반복해서 사용할 거기 때문이에요 0:01:06.441,0:01:15.066 한번 해봅시다[br]아시다시피, 너무 작아서 공간에 비해 맞지 않네요 0:01:15.066,0:01:17.169 그래서 조금 이동해볼게요 0:01:17.169,0:01:25.183 이것은 프로그래밍의 일부분일 뿐이에요[br]여러분이 더 시도해보고자 하는 프로그래밍에 계속 도전하길 바랍니다 0:01:25.183,0:01:33.870 자, 풍선에 색을 넣어야 해요, 그렇죠?[br]색을 넣는 것을 풍선을 그리는 것의 일부분이라 생각하시면 됩니다[br] 0:01:33.870,0:01:40.898 다음으로, 구문에서 어떻게 풍선 색을 바꿀지 생각해 볼 필요가 있어요 0:01:40.898,0:01:47.733 풍선을 화면에 보일건데, 여기 여기 여기에 넣으려고 해요 0:01:47.733,0:01:51.013 계산을 이용해서 그릴 겁니다[br]제 그림은 최악이기 때문에요 0:01:51.013,0:01:58.391 이 첫번째 숫자를 바꾸고 x축 위치를 움직여서[br]조금씩 이동시킬 수 있어요 0:01:58.391,0:02:02.767 하지만 뭔가 부족해요, 이전에 봤던 풍선과는 다르죠 0:02:02.767,0:02:11.108 그래서 x 위치를 표시하기 위해 변수 x를 이용합니다[br]변수 만드는 법을 예전에 배웠었죠 0:02:11.108,0:02:15.912 while 구문에서 사용할 수 있도록[br]이제 구문 안의 변수를 바꿔봅시다 0:02:15.912,0:02:22.136 이제 구문 안에서 x값이 20씩 바뀌게 될 겁니다 0:02:22.136,0:02:27.398 ellipse를 while 구문 안에 넣고[br]변수 x 선언은 바깥에 그대로 둡니다 0:02:27.398,0:02:30.209 왜 그런지는 한번 생각해 보세요 0:02:30.209,0:02:34.375 궁금하면 한 번 생각해볼 만한 일이에요 0:02:34.375,0:02:39.392 좋아요, 세번째 질문 "얼마나 오랫동안 반복할 것인가?" 0:02:39.392,0:02:43.818 풍선이 화면 밖으로 나가기 전까지로 하면 되겠네요 0:02:43.818,0:02:46.647 그래서 "x가 400보다 작을 때" 로 할게요[br] 0:02:46.647,0:02:51.163 풍선에 변화가 생겼어요[br]하지만 우리가 상상하던 것과는 다르죠 0:02:51.163,0:02:55.839 그래서 원래처럼 풍선을 만들기 위해 개선해나가도록 해보죠 0:02:55.839,0:02:59.400 우선, 풍선들이 너무 뭉쳐 있어요 0:02:59.400,0:03:02.409 풍선 간에 숨쉴 공간들을 좀 두도록 하죠 0:03:02.409,0:03:09.317 하지만 또 간격이 너무 멀어지게 되면 화면에서 사라지게 되겠죠 0:03:09.317,0:03:16.507 그래서 풍선이 이 지점에 왔을때 풍선 그리기를 중단해야 합니다 0:03:16.507,0:03:19.385 이것이 while 구문에서 언급해줘야 할 부분이죠 0:03:19.385,0:03:24.945 아시겠나요? 그리고 풍선을 아래로 이동시키고자 하거나 0:03:24.945,0:03:34.018 크기를 바꾸고 싶다면[br]이 모든것이 while 구문 안에서 동시에 가능해요 0:03:34.018,0:03:36.896 좋아요 완벽해요 0:03:36.896,0:03:42.024 이제 풍선을 보면, 선만 연결되면 훌륭하겠네요 0:03:42.024,0:03:43.892 선이 없으면 풍선이 날라가니까요 0:03:43.892,0:03:50.573 그래서 풍선에 각각 선이 연결되어야 합니다[br]각각의 풍선의 가운데 지점에 선을 연결해 봅시다 0:03:50.573,0:03:55.912 쉽게 하기 위해서입니다[br]그리고 같은 지점에서 선이 나오도록 할거에요[br] 0:03:55.912,0:03:59.430 어떻게 프로그램을 구성하면 될까요? 0:03:59.430,0:04:05.000 무언가를 반복하고 싶다면, while 구문 안에 넣으면 됩니다[br]자, 같이 작성해보도록 하죠 0:04:05.000,0:04:10.702 풍선의 가운데에서 선이 나오려면 이 두가지 값을 가져다 쓰면 됩니다 0:04:10.702,0:04:16.618 끝이 보이네요[br]처음에 보던 그림과 거의 같아졌어요 0:04:16.618,0:04:23.655 하지만 아직은 부족해요 수정이 좀 필요하겠네요[br]이 지저분한 부분을 없애야 겠어요[br] 0:04:23.655,0:04:29.813 선과 풍선이 교차되는게 문제네요 0:04:29.813,0:04:35.249 풍선이 선을 포함하면 될거에요[br]그래서 순서를 바꿔볼 수 있어요 0:04:35.249,0:04:38.764 아마도 예전에 배웠던 것들이 많이 쓰일 거에요 0:04:38.764,0:04:45.315 좋아요, 하지만 선 색깔을 바꾸고 싶다면[br]혼자서 어떻게 하시겠어요? 0:04:45.315,0:04:47.224 그럴 땐, documentation에서 찾아보세요 0:04:47.224,0:04:50.474 찾는 방법을 모르시겠다면 documentation 비디오를 보세요 0:04:50.474,0:04:54.924 그러면 선의 색깔을 정하는 stroke() 를 사용하실 수 있을 겁니다 0:04:54.924,0:05:00.253 이 색깔로 하겠습니다 0:05:00.253,0:05:10.152 멋지네요 이제 마지막으로, Hopper만 그리면 되겠어요[br]image만 여기에 넣으면 됩니다 0:05:10.152,0:05:16.536 이것 역시 documentation을 참고하세요[br]Hopper를 이동시키거나 이것처럼 풍선을 잡는 모양을 만들 수 있어요 0:05:16.536,0:05:18.229 하늘을 나는 모습도 만들고요 0:05:18.229,0:05:26.534 해냈어요! 여기 구문에 필요한 것들을 추가시켜서[br]여러분이 풍선을 꾸며줄 수 있어요 0:05:26.534,0:05:30.534 그리고 다음에 그려볼 그림에서도 써볼 수 있겠네요