조이 코딩 연구소(Joy Coding Lab.)(수업 및 기타문의 카톡 : jhw2458)

안녕 여러분!!

Joy Coding Lab.(조이코딩연구소)의 장샘이에용!!^0^

이 연재는 아무것도 모르는...

나는 문과 계열이에요..

저는 인터넷 쇼핑만 할줄 아는데 아이들이 갑자기..코딩 이야기를..

저는 방과후 교사가 되고 싶은데 코딩인지 해딩인지도

잘 몰라요..

이러분들을 위한 자리이니 나는 좀 한다~~

프로그래밍 난 좀 잘한다 하시는 분은

컴퓨터 오른쪽 맨 위를 보시면~~

X

위 버튼을 눌러주세요!!ㅎㅎㅎ

자 그럼 시작해 볼까요 하기 전에

먼저 질문이 있습니다.

여러분은 어떤것이 궁금하셔서 들어오셨나요?

아두이노??

아니면 코딩이 처음이다?

둘다 모르겠지만 궁금하다?

대환영 입니다!!!

코딩이 궁금하신 분이라면

"읽기만 해도 머리속에 쏙쏙! "

"스크래치를 이용한 코딩 큰 흐름잡기"(1편~16편)

http://jangenjoycoding.tistory.com/4

위 내용을 한번 쭉 읽어 보시고 오시면

스크래치 기본 컨셉과 아두이노에 대한 이해가

조금은 더 쉽지 않을까라는

제 생각!!! 시간 되시면 그냥 쭉 읽어봐 주세요^^!

본격적으로 시작해 보도록 하죠.

아두이노 과연 무엇인가~~?

인터넷 검색을 해보면 이렇게 정의가 되어있습니다.

물리적인 세계를 감지하고 제어할 수 있는 인터랙티브 객체들과 디지털 장치를 만들기 위한 도구로,

간단한 마이크로컨트롤러(Microcontroller) 보드를 기반으로

한 오픈 소스 컴퓨팅 플랫폼과 소프트웨어 개발 환경을 말한다.

?

모르겠고 ㅡㅡ~~~~!!!!

아두이노  = 아주 아주 아주 작은 컴퓨터

이렇게만 알아도 충분해요~~

물론 공부를 더 하고 실제 의미를 잘 이해하면 좋겠죠~

하지만 시작하는데 아두이노는 아주아주아주 작은 컴퓨터야.

이렇게만 해도 충분하다라는 거죠~!

자 그러면 우리 컴퓨터를 한번 비교해보죠.

컴퓨터만 있으면 되는건가요?

화면을 볼 수 있는게 필요 하죠?

모니터라는걸 연결 합니다

화면의 커서를 움직 일 수 있도록 뭐가 필요하죠?

마우스라는걸 연결 합니다.

요즘은 잘 안하지만 컴퓨터 채팅이나 방송을 하려면

무엇을 연결하죠? 마이크와 카메라(캠)을 연결하죠?

아두이노라는 놈도 똑같습니다.

작은 컴퓨터에 우리가 원하는

각종 센서 및 구동 부품(모터, 초음파, 적외선 등등)을

연결하여 우리가 창의력을 더해서 새로운 제품을 만들어 볼 수도 있고~

또는

시중에 나와있는 제품을 유사하게 만들어 볼 수 있습니다

예를들어 드론이나 RC 자동차 이런거겠죠?

자 다시 컴퓨터로 돌아가서~~

컴퓨터는 하나의 기계입니다. 즉 우리가 하드웨어라고 말하죠.

마우스는 뭐라고 부르죠?

쥐라고 부르진 않잖아요~ -0-!!

컴퓨터를 사용하기 위한 구성 부품 또는 도구죠?

모니터도 마찬가지고~ 마이크, 카메라도 포함될테구요.

자 저런것들을 구현하기 위해서는 뭐가 필요하다??

우리가 말로만 듣던 소프트웨어라는 놈이 필요한거에요.

그럼 소프트웨어는 어떻게 만드는건데????

뭐 컴퓨터야 쇳덩이나 플라스틱 같은걸로 덮여있으니

저런 재료로 만들겠거니 그리고 뭐 안에 칩같은게 들어가 있겠지만

소프트웨어는???? 뭐 어쩌라는 것인가???

그게 바로 우리가 말하는 스크래치라는 프로그램을 이용하여

아두이노에 구현을 시켜줄 수 있다라는 겁니다.

미국에 놀러갔다고 칩시다~

식당에서 밥을 먹고 나왔는데

앞사람이 우산을 바꿔서 가지고 가는거에요.

그럼 어떻게 해야되요?? 불러야겠죠?

뭐라고??

야!!!!!!!!!!!!!!저기요!!!!!!!

알아들을까요?

Hey!!! 이렇게 해야 겠죠?

아두이노도 마찬가지 입니다.

이놈도 외국인 같은거에요. 그래서 아두이노가 알아 들을 수 있는

(MIT에서 만든코딩이 가능한 프로그램 : 스크래치 2.0)

언어로 이야기(소프트웨어 --> 스크래치)를 해줘야

동작을 한답니다^^!!

자 어떠신가요?? 아두이노가 뭔지 그리고 뭘 어떻게 해야 될지

궁금증이 100중에 1은 해소 되셨나요?

그럼 성공했네요~ 1도 안됐다면

제가 더 분발하겠습니다.( _ _)..

긴글 읽어 주셔서 감사 드리며

Joy Coding Lab.(조이코딩연구소) 장샘은 이만..

물러갑니다!!

휘리리리릭~~~~~~~~

뿅!!!!!

여러분 안녕~~!!

Joy Coding Lab.의 장샘이에요^^

스크래치 코딩 연재 잘 따라고 오고 계시나요??~!!

최대한 쉽게 코딩이 무엇인지 가르쳐 드리고 있습니다.

어린아이부터 비전공자 그리고 코딩 강사가 되고 싶은

분들에게 도움이 되길 바랍니다.

저 또한 코딩 스타터들에게 어떤 교육의 방법으로 가르쳐 드려야

쉽게 이해 할 수 있는지 논리 향상은 어떻게 시켜 드릴지

고민을 많이 하고 있어요.

Joy Coding Lab.의 추구하는 목표이기도 하고요~!

자 이번시간에 배울 내용은 연산 스크립트 입니다.

연산 스크립트 코딩까지만 하면

이제 거의다 끝나는거에요!!!

그러면 연산 스크립트의 코딩 블럭이

몇개나 있는 한번 봐 볼까요?

17가지나 있네요!!!

그런데 딱 보더라도 더하기, 뺄쌤,곱하기~~등등

우리가 코딩과 상관없이 알고 있는 사칙연산들이네요~

그래도 우리는 스토리로 만들어

 큰 그림을 만들어 갑시다!!!

오늘은 여러분은 컴퓨터 키보드가 되세요 -0-~!

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

그냥..그려려니 하고 읽으세요 -0-!!ㅋㅋ

키보드에는 숫자와 한글 영어가 있어요.

무엇인가 계산(연산)을 할 때 숫자를 이용해서

1. 덧셈, 뺄셈, 곱하기, 나누기, 제곱근(2^²)을 할 수 있어요.

2. 자 눈을 감고 1~9까지 숫자 중에 아무거나 눌러보세요.

(난수라고 합니다. Random Value)

3. 한글과 영어를 조합해서 결합 할 수 도 있고요.

4. 그 글씨가 몇개인지 세어 볼 수 도 있어요.

5. 그리고 흠 또는?? 에이 이렇게 스토리하는건 아니다~!

이런것도 들어 있네요!!

끝 -0-...;;

...여기까지만 하고 마무리를..

알아요...사칙연산은 스토리로

특별히 만들게 없는거 같아요. ㅠㅠ

일단 정리를 그래도 해보죠.

연산이라는 스크립트의 코딩 블럭들은

고양이와 또 다른 스프라이트에게서

필요한 숫자들을 연산 할 수 있는 곳이에요.

고양이가 3+4가 뭔지 말을 할 수도 있고요.

나눗셈을 해줄 수도 있고요.

고양이와 다른 스프라이트들의 말하는 걸 결합할 수도 있고요.

자 오늘의 Key Point!!!

연산 = 키보드

나중에 예제를 통해서 다시한번 해야 될거 같네요~~ㅎ

그럼 오늘은 이만 물러가겠습니다!!

라고 할 줄 알았죠??!!!

자 실제로 연산을 어떻게 사용 되는지

가르쳐 드려야 속이 풀리겠네요!!

무엇을 이용할 거냐???

연산 스크립트의 난수라는 코딩 블럭을 사용해서

덧셈을 해볼거에요.

위에서 보셨듯이 난수란 랜덤으로 나오는 숫자를 말해요

1~10 중에 우리도 모르는 숫자가

선택이 되는거에요!!!

1) 일단 O + O 코딩블럭을 무대에 옮겨주세요.

2) 그리고 난수발생기!! 블럭을 2개를 가지고 옵니다.

3) O+O 동그라미 안에 숫자를 직접 쓰셔도 되지만

난수 코딩블럭 하나씩 넣으셔도 되요~!.

자 + O 이부분이 반짝이죠?

블럭과 블럭이 결합이 되는거에요!!

그리고 나서 난수 + 난수를 덧셈을 해서

우리의 고양이 스프라이트가 말하게 하고 싶어요

어디서 뭘 가지고 와야 되죠??

카멜레온의 살려주세요!! 기억 나시죠??!!

형태 = 카멜레온!!

4) 형태에서 2초동안 말하기 코딩 블럭을 무대로 가지고 오세요!

정말 기초적이지만 모르시는 분들이 생각보다 많아요.

코딩 블럭과 블럭의 결합은 블럭의 맨 앞머리!!

앞 머리를 옮기셔야 같이 결합이 됩니다.

앞머리로 옮기니 반짝이면서 결합을 받아 드리죠??!!!

자 드디어 1~10까지 난수 + 1 ~ 10까지 난수를

고양이가 말하게 할거에요.

실행방법은 우리가 만들어 놓은 코딩 블럭을

마우스로 마구마구 클릭하면!!

우리 고양이가 2초동안 말 할거에요.

저는 "13"이라고 말하지만 다시 누르면

계속 바뀌겠죠? 왜??

1~10까지 난수는 누를때 마다 바뀌닌깐~~

자 연산 어떻게 사용되는지 아시겠죠???

산술 개념도 들어가서 어린아이들에게는

많은 도움이 될거 같아요~!!

그럼 정말 장스 조이 코딩샘은

휘리리릭!!

뿅!!!!

여러분의 하트가 저에게 힘을 줍니다!! ㅎㅎ

여러분 안녕~~!!

조이 코딩 연구소의 장샘이에요~!

코딩 , 스크래치 관심들이 서서히 많이 지는거 같아요~

방문 해주시는 분들도 많이 지고~

아주아주 좋습니다!!ㅎㅎㅎㅎ

우리나라 소프트웨어의 관심이 많아 질수록

세계적인 IT 업체가 곧 나오지 않을까 싶습니다~!

오늘 머리속에 넣을 스크립트 코딩 블럭은~!!

"제어"

글자만 보더라도 뭔가 제어를 하겠구나 싶죠?

제어 스크립트에는 11가지의 코딩 블럭이 들어있어요^^!

자 머리 속에 넣어 봐야겠죠?~

오늘도 제어를 대체할 스토리를 준비해왔습니다.

바로바로바로!!!!

"놀이동산"

자 그럼 놀이동산으로 떠나 볼까요~~!

오늘은 문을 열자마자 바로 들어가려고 새벽부터 준비하고 갔어요!!

그런데 차가 막혀서 결국 개장시간을 넘겨버렸네요.

그럼...뭐하죠?

1. 줄서서 기다려야죠 ㅡㅡ!!!

자자자 드디어 표를 사서 제가 좋아하는

바이킹으로 도착했습니다!!!

와!! 여기도 사람이 많네요 -ㅅ-;;

푯말이 하나 서있는데 여기서부터..

2. 60분까지 기다려림.....이라고 있네요~

그래서... 사람들이 안타는 놀이기구로 갔더니 바로!! 탔어요^^!!

사람이 계속 없길래..

3. 10번 정도 반복해서 탔죠

그런데 어디선가 웅성웅성 소리가 났어요~~

이벤트를 한다구 합니다!!!

4. 만약에 이벤트에 당첨이 된다면 줄 안서도 되는 바로 탑승권을 드립니다!!

우와!!! 제가 이벤트에 당첨이 되서 더이상 기다리지 않아도 됩니다 ㅎㅎ

스피드한 88?? 빙글빙글 도는

5. 열차를 무제한으로 탔어요!!

다 타고 돌아다는 던 중~~

놀이동산이 정전이 되는 바람에 모든 놀이기구가

6. 모두 멈췄어요

놀이동산에서 보상을 해준다고~!

음료 쿠폰을 나눠주는데~

하필 제앞에서 쿠폰이 떨어진거에요 ㅠㅠ..

7. 결국 관계자가 쿠폰을 복제를 해줘서 나머지 사람들에게 나눠줬어요!

이렇게 오늘도 억지스럽지만 제어 스토리를 마무리 하게 되었네요~~!^^

자 글씨 찐하게 되어있는 부분 보이시죠??

저 부분이 실제 제어 코딩 블럭에서 사용되는 거에요.

제어 코딩 블럭은 스프라이트를 기다리게 하거나~

잠깐 스프라이트??? 스크래치의 고양이 그런것들이 스프라이트죠?!!ㅎ

그리고 어떤 행동을 반복하거나~~

만약 고양이가 어떤 행동을 한다면 또는 안한다면~~!!

마지막으로 자기 자신을 복제 하거나!(쿠폰 기억하세요)

자자 제어 스크립트에서 어떤 일이 벌어지는 이해가 되시나요??ㅎㅎ

자 Key Point 정리 해보시죠!!

제어 스크립트는 뭐라고??

" 놀이 동산 이다"

오늘드 긴글 읽으시느라 고생 많으셨습니다.

이제 기본 스크립트의 큰 흐름은 딱 3가지만 남겨두고 있네요.

관찰, 연산 그리고 추가블럭~!!!

끝까지 스크래치 2.0 연재 잘 봐주시고~~

오늘도 행복하세요~!!

이만 장스 조이 코딩 샘은 물러갑니다.

휘리리리리릭!!

뿅!!

잊지말구!!! 밑에 하트 누르기!!!

여러분 안녕~!!!

조이 코딩 연구소에 장샘 입니다!!

오늘도 오전 오후에..일들이 많아서 핸드폰으로 자격증 소식을 전했어요~

코딩 자격증에 관심 있으신 우리 교사 또는 학생들은 꼭 보세요.

!!!

http://jangenjoycoding.tistory.com/26

자 드디어 스크립트 코딩 블럭을 반이나 강의를 했어요. 

잘 따라오고 있으시죠???

오늘 머리속에 넣어 볼 스크립트 코딩 블럭은 이벤트!!! 입니다.

이벤트??!!!

1+1 이런 이벤트?!!!! 생각나세요?? 

아니면!! 

당신의 잊지 못할 프로포즈 이벤트!!????

흠.. 뭐 그럴 수도 있지만.

정확한 의미는 약간 달라요..ㅎㅎㅎ

자 먼저 아주 살짝 이벤트 스크립트 구성이 어떻게 되어있는지

살펴 보시죠.

오호..총 8개로 되어있네요.

그것만 보시고 끝.

각각의 코딩블럭들을 자세히 보기전에 우리가 해야 될 일이 있잖아요.

스토리~~~

이벤트에 관련된 스토리의 주제는 바로바로!!!

바로바로바로바로!! 두구두구두구!!!

나홀로 집에 입니다!!

명절 및 방학특선으로 우리에게 즐거움을 줬던 케빈!!

나홀로 집에 한편만 보시면 이벤트 스크립트는 끝!!

자자 기억을 되감으며...

가족들이 여행을 간 사이 홀로 남게 된 케빈.

혼자 있는 집에 도둑 2명이 집안에 들어오려고 합니다.

그래서 케빈은 머리를 쓰기 시작했죠.

무엇을 했죠?

함정을 만들어 놓기로 했죠.

첫번째!! 현관문이 열리면 손잡이가 당겨지고

불이 나온다!!!!

결국...휘발류가 가득한 변기에 머리를 넣어서..

폭팔..ㅠㅠ..

계단에 끈적이를 발라 놓고

다른 문으로 들어올 때 

쇳덩이가 떨어지게 해라!!! 

아프겠네요 -0-;!!

마지막으로!!!!

전기가 연결된 손잡이를 잡으면

이제 게임 끝!!!!

케빈이 이겼네요~~~~~

어때요? 대충 감이 오세요?~~ 지금쯤이면 감이 좀 와야 될텐데!!!

뭐 안오면 다시 설명 해야죠 뭐 ㅋㅋㅋ

자 이벤트라는건 어떤 행동을 했을 때 

그 다음에 취해야 될 행동들을 정하는 거에요.

여러분 컨닝 아시죠?? 

의자 밑에 앞발로 2번 치고 그 앞 친구가 발로 차주는 숫자가

그 문제에 답이라는 거!! 

어떤 이벤트를 만든거죠?

1. 내가 친구 발을 차는건 정답을 알려달라는 의미

2. 친구가 내 발을 차는 횟수가 그 문제 정답

하지만 둘다 틀린다는게 함정!!!

컨닝은 좋은게 아니에요~~ 아셨죠?ㅎㅎㅎ

나쁜 컨니으로 우리는 2가지이벤트를 정의 해봤네요.

실제 스크래치 2.0의 이벤트들의 코딩 블럭들을 읽어보세요.

간단히 봐 볼까요? 

뭔가를 클릭 했을 때, 눌렀을 때, 바뀌었을 때

뭔가를 받았을 때

이제 이해가 되시죠???

그런데 말입니다...!!!!

방송하기 ㅡㅡ?????????????????????

저건 도대체 무엇이냐~~~~ 

아웅 멀리 아퍼....

이게 은근 개념을 잡으시는데 어려움을 겪으시더라고요~~!!

이것도 확실히 머리속에 넣어보시죠~!

방송이란???? "말하는거다."

또 다른 표현으로는 다른 기능들을 하는것에 대한 명령이다.

즉..여러분 엄마라고 가정해 보세요.

아이들이 3명이 있는 어머니 이십니다..먼저 대단하시네요.

아이들 중 한명은 놀고, 한명은 티비 보고, 한명은 공부할때

엄마가..방송하는거죠(엄마가 말하는거죠)

집중!!!! 다들 멈춰!!!!! 밥 다됐으니 밥먹으로 와!!

그럼 아이들3명이 모두 반응(이벤트)하는거죠.

왜????

엄마말 씹으면 엄청 혼나닌깐~~(_ _ )( _ _) .

<다소 거친 표현은 이해를 돕기 위함이니..양해 부탁드려요>

Key Point 정리하고 마무리 하시죠.

이벤트는 나홀로 집이다.!

또는 친구와의 컨닝이다!!!

자 오늘도 이렇은 스크립트 이벤트에 대해서 

머리속에 넣어보는 시간을 가져봤어요.!

이해가 90% 됐을 거라 저는 믿어요.

나머지 안된 10%로는 따로 면담 아시죠? ㅋㅋㅋ

책임지고 100% 이해 시켜 드립니다!! 연락 주세요.!

그럼 오늘도 이만 장스 조이 코딩 샘은 물러 갑니다.

휘리리릭~~~~

잠깐!!!

밑에 하트 눌렀어요? 안눌렀어요? 

전 하트를 먹고 사는사람인데 누르기 없기 있기? !!

^^!! 감사힙니다. 휘리릭 뿅!!

여러분 안녕~!!

조이 코딩 연구소의 장샘 입니다~

오늘도 이해하기 쉽고 머리속에 쏙쏙 들어오는

스크래치 강좌를 준비해 왔습니다.

기대 반 의심반~~ㅎㅎ

이번시간에 머리속에 넣을 내용은 바로바로~~~

데이터 스크립트 입니다.!!

데이터 스크립트는 단 2개밖에 없어요~

2개밖에 없으니 먼저 보고 갈까요?

1. 변수 만들기

2. 리스트 만들기

변수.....더러운 수....

아아...아닙니다..

변할 수 있는 수 입니다~ 뭐 일단 그려려니 하고 넘어가죠.

리스트는~ 뭔 리스트 겠죠~ 자세히 볼 것도 없네요.

머리속에 넣는 스토리를 읽어봐야 의미를 알 수 있을거 같네요~

자자 스토리 속으로 고고고!!!

오늘은 여러분 마트에 장을 보러간 사람이 되시는 거에요.

이마트, 롯데마트, 홈플러스, 코스트코 어느마트로 갈지 먼저 결정하고!!

일단 마트를 가면 제일 먼저 하는게 뭐죠?

당연히 먹는거 부터!!!!

마트 오는거 조차도 너무 힘든일이니..ㅋㅋ

흠..뭐 항상 저도 사먹고 싶긴 하지만

그전에~!!!

100원을 가지고 카트를 빼야겠죠~~~

왜!!!? 허리가 아퍼서 끌고 다니면 편하닌깐~ㅋ

아니라~~사고 싶은걸 담아야 되니 카트를 꺼내는거죠~?ㅎ

자 우리의 핵심 키워드가 나왔습니다.

카트~~~~!!! 기억하시면서~!

카트에는 다양한걸 담을 수가 있어요~

우리 아이가 탈 수도 있고 -0-;;;;

어른은 절대 타시면 안되요!

장난감, 컴퓨터, 냉장고, 핸드폰..먹을거 등등

자 저렇게 원하는걸 다 산다면 얼마나 행복하겠어요~

우린 돈을 아끼기 위해서 그래서 장보기 리스트를 만들기로 합니다.

리스트에는 결국 장난감, 컴퓨터, 냉장고, 핸드폰을 사기로 결정했네요.ㅋㅋ

자 또 다시 핵심 키워드가 나왔습니다.

장보기 리스트!!

자 장보기 리스트를 다 정했으니 카트안에다가 넣어야 겠죠?

처음으로 살것은 장난감 몇개?

시험성적..1등 했으니 1개만 사도록...후훗.

자 다음으로 컴퓨터는 아빠가 필요하다고 했으니 0개.

window 쇼핑만 하시라구용~ 메롱~~!!

냉장고는 엄마가 필요하다고 했으니 810리터 1개

핸드폰은 가족 모두 바꾸죠~3개로~!!!

우리 리스트에서 실제 빠진게 뭐였죠?

아빠의 컴퓨터였죠? 그러면 리스트에서 삭제!!

데이터 스크립트를 다 배우셨습니다.

아닌거 같다고요? 한번 스크래치 화면으로 보시죠.

스크래치 2.0을 실행 시켜 주시고요

데이터 스크립트를 클릭하여 주세요.

변수 만들기와, 리스트만들기를 보실 수 있을 거에요.

1. 변수 만들기를 클릭

2. 변수 이름에 저는 이마트 카트, 롯데마트 카트,,4개를 추가했어요

여기에 몇개를 살지 숫자로 담을 거에요.

다음으로는~~!! 리스트 만들기

리스트 만들기는 오늘 살 목록을 만들거에요.

데이터 스크립트 블럭 -> 변수 만들기 또는 리스트 만들기를 누르면 각 항목에 해당되는

코딩 블럭들이 생성이 됩니다.

우리가 위에서 스토리를 만들었던 내용을 잘 기억하고 아래 내용을 봐주세요~!

리스트 만들기에서 오늘 살 목록의 리스트를 만들면

아래의 블럭 코딩에서 리스트를 추가 할 수가 있어요.

조금 헷갈리시나요? 그냥 연습장 종이 리스트에 우리가 살 것을 적은다고 생각하시면 되요.

추가를 하면 왼쪽 하면에 오늘 살 목록으로 4가지가 보이실 거에요.

하지만..우리가 못산게 있었죠? 아빠의 컴퓨터!!! 엄마의 허락을 못받았으니.. 리스트에서 삭제를 해보죠.

리스트 만들기 아래에 있는 코딩 블럭 중에 삭제하기가 있어요.

앞에 있는 "2"라는 숫자는 리스트에서 몇번째를 삭제할 것인지를 써주는 거에요.

그런데 "2"라는 화살표를 누르면 "2"가 안보일 수도 있어요.

그럴땐 직접 "2"라고 입력해주면 되요^^!

그리고 해당 블럭을 클릭하면 오늘 살 목록의 아빠의 컴퓨터가!!!

완전 삭제된 것을 알 수 있을거에요.

자 어떤가요?

데이터 스크립트의 큰 그림은 그려지시나요?

오늘의 Key Point 정리해 보시죠!~~!!

데이터 스크립트 = 카트 와 내가 살 리스트다!!!

1. 변수는 내가 원하는 카트를 만든다

2. 실제 거기에 뭘 담을지는 향후 우리가 결정한다.

3. 리스트는 내가 원하는걸 작성 하고 지울 수도 있다.

오늘은 단순한 스토리만 작성하지 않고 스크래치와 매칭시켜 설명을 조금 더 해봤어요.

사실 이부분은 나중에 하려고 했는데

데이터 스크립트는 코딩을 배우시는데 상당히 중요한 부분이라

머리속에 넣는 스토리와 함께 조금이라도 설명을 해드리는게 좋을 거라고 생각 했습니다.

향후 스스로 새로운 프로그램을 만들거나 문제 해결을 위하여

자주 그리고 잘 사용해야 되는 스크립트니~

잘 기억해 두세요. 뭘? 카트와 살 목록~!

자 오늘도 늦은 밤...아니 새벽1시네요.

그럼 조이 코딩 연구소의 장샘은 이만 물러 갑니다^^!!

아래에 있는 하트♡의 클릭은 제 마음도 뛰게 합니다.!!!!

휘리리리리릭!!!!!!!!

뿅!!!!!

여러분 안녕!!!

조이 코딩 연구소의 장샘 입니다!

오늘은 펜 코딩 블럭을 스토리로 배워 볼거에요.

뭘 배운다고?!!!

"스크래치 2.0 펜  스크립트"

헨젤과 그레텔입니다.

도대체 무슨 관련이 있을까 싶지만..

집을 떠나 숲속으로 가는 중 길을 잃어 버릴까봐

걸어오는 길에 빵조각을 버리면서 떠났어요.

걸어오는 내내 빵을 조금씩 뜯어서 땅에 버렸어요..

하필이면 제가 좋아하는 무지개 빵이였네요.

빵조각을 땅에 버릴때는 몇가지 규칙을 정했어요.

1. 발걸음의 보폭을 정확히 세면서 버렸어요.

2. 버릴때마다 빵의 색을 바꿨어요.

3. 5발자국 걸을때마다 버리고!

4. 그렇게 100발자국을 걸으면 입에 넣었어요.

왜????????? 배고프느닌깐~ㅎㅎㅎ

그렇게 쭉 걸어갔어요. 어디로???

과자 냄새가 나는 곳으로 이끌려 갔지요.

(마녀가 기다리는것도 모른체..ㅠㅠ)

거기다가...집에 돌아가려는데 무지개 빵들을 새가 다 먹어버렸네요..

하지만 무사히 잘 돌아갔어요.

강제 해피앤딩.

펜 스크립트는 끝났어요.

....위 표정과 말을 하고 싶으시죠?

그래도 정말 끝났어요!!이미 다 배우셨어요!!

확인해 볼까요?

오늘의 포인트는 헨젤과 그레텔의 빵이였어요!!

펜 스크립트 코딩 블럭은

스프라이트의 흔적을 남겨주는 기능들로 구성되어 있거든요~~~!!

즉, 스크래치 2.0 기본 주인공인 고양이가

고양이 = 헨젤과 그레텔

펜 코딩 블럭 = 빵(흔적들)

이렇게 기억하시면 되는거에요~~

이제 한번 펜 스크립트 코딩 블럭들을 읽어보세요~~~

흔적의 색을 변하게 하고(무지개빵)

펜 내리기(빵을 땅에 버리기)

펜 올리기(빵을 입에 넣기)

등등등..

1. 펜 스크립트는 헨젤과 그레텔의 빵이다!!

빵빵빵!!!!

자 이걸로 오늘의 연재는 마무리 합니다.

여전히 어처구니가 없고, 강의 내용이 부실하다고 생각하시다면

큰 오산이라는걸 나중에 보여 드리죠 ㅎ

코딩의 시작은 뭐?? 큰 그림이다!

이만 장소 조이 코딩 샘이였습니다.

휘리리릭

뿅!!!

여러분 안녕~

장스 조이 코딩 샘 입니다~~!

연재 되는 내용이 유익하신지 궁금하네요~

교수님이 이해 되니? 물어봤을 때 대답을 해드릴걸 그랬어요.

얼마나 답답하셨을까..ㅎㅎ

대답하는건 부끄러운게 아니라는걸 우리나라 학생들도 빨리 깨닫길 기도 합니다!!

자! 이번 시간에 배울 스크립트는 소리라는 스크립트 코딩 블럭입니다.

소리 스크립트의 코딩 블럭은 총 13개로 구성되어 있습니다.

각각의 항목은 먼저 연재 된 내용을 읽은 후에

스크래치를 실행 시켜서 자세한 항목을 읽어보세요~! 아셨죠?

이번에는 깔끔하고 억지스럽지 않은 이야기를 만들어 볼게요.

 오케스트라 아시죠? 오케스트라 하나로 소리 코딩 블럭은 게임 끝입니다~~~

 여러분은 지휘자가 되는거에요~~~

각각의 구성원들(우린 이걸 스프라이트 라고 하죠)에게 지휘자가 뭘 명령하죠?

 피아노치시는 분은 지금 연주를 하세요!!!

그리고 바이올린 연주할때는 피아노는 연주하지 않기~~~~

 
북은 1/4 박자로 치세요~~

음악이 클라이막스에 왔을때는 음향을 키우시고!!

서서히 빠르게 해주세요!!

오오오오오오!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!빠바밤!!!!!!!

..

..

..

윙크를 하면 3초 뒤에 다같이 음악을 멈추는거에요!

빰빰빰빠빠빠빠 빠빠밤!!!! Stop!

박수~~~!!!!

여러분 다 배우셨습니다. 뭔소리냐고요?? ㅋㅋㅋ

제가 앞서 말씀드리는거 처럼 !

스크래치 프로그램을 실행해서 소리 스크립트에 있는 블럭들을 보세요.

이제 어느 정도 이해가 되실거에요.

소리 스크립트에 있는 블럭들이 무엇을 하는 것인지!

즉, 재생하기, 모든 소리 끄기, 몇박자로 연주 할 것인지~

몇번 악기를 할 것인지~

음향 소리를 몇만큼 바꿀것인지~

비트를 얼마나 느리게 할지 빠르게 할지를 구성하는 곳이거든요~

자!! 지휘자 여러분!! 소리 스크립트에 대해서 기억 해야 될거 정리 해봅시다.

1) 내가 지정했을 때 피아노, 바이올린, 북 등(스프라이트)에서 연주를 시키세요!!

2) 소리가 커질지 작을지 정해주세요!!!!

3) 박자를 어떻게 할지 정해봅시다~비트 주세요~드랍 더 비트~~

이걸로 소리 코딩 블럭도 90% 이해하셨습니다.

이쯤 되면 앞에 내용은 뇌에서 다 사라지셨죠?

저 또한 사라진거 같습니다. -0-...

당연한거니 이쯤 되서 배웠던 스크립트 키워드!!!

다시 한번 정리 해볼까요? 

동작 : 수련회 조교
형태 : 카멜레온
소리 : 지휘자

이렇게 각각의 타이틀만 가지고 가도록 하죠...

나중에 이 모든게 모였을 때 어떤 이야기가 탄생 되는지 한번 지켜봐 주세요..후후훗

자 그럼 이번 시간에도 끝까지 읽어주신 여러분 감사 드리며~

아래에 있는 여러분의 하트 또는 답글이

스크래치 강의 연재의 완성도를 높일 수 있는 원동력이 됩니다.

거짓말 같지만 진짜!! ㅎㅎ

그럼 장스 조이 코딩 샘은 이미 물러갑니다!!

휘리릭~~~~

뿅!!!

여러분 안녕!!

장스 조이 코딩 연구소의 장샘 입니다~

자자 오늘도 어김없이 즐거운 말도 안되는

강의를 만들어서 돌아왔어요~

자 그럼 스크립틔 형태라는 녀석을 머리 속으로 넣어 볼까요!!?

준비하시고!!!!! 가봅시다~~

스크래치2.0 프로그램을 실행을 해보면~

아래와 같은 화면이 나타나죠~~?

<스크래치 2.0의 기본 형태 코딩 블럭은 19개로 구성 되어 있어요>

형태를 눌러 봅시다~

 - 형태는 스크래치의 형태에 대한 것들을 코딩 블럭화로 만들어 놨습니다.

이렇게 말하며 책들이랑 다를게 없겠죠...ㅡㅡ..

 자 먼저 형태의 블럭들을 한번 읽어보세요~!

한글로 되어 있으니!! 읽으실 수 있죠?!

고민고민을 해봤는데 스크래치 프로그램에서 형태에 블럭들중 마음에 안드는게 있어요.

 형태의 기본적인 코딩 블럭 구성을 보면 말하기. 생각하기. 숨기다 보이기,

모양 바꾸기 크기 바꾸기, 순서 바꾸기 로 볼 수 있는데

앞서 배운 동작에 포함되어야 될 내용들이 있어 보이지 않나요??
 
말하기와 생각하기, 숨기다, 보이기는 사실 동작 코딩 블럭으로 갔으면 외우기 수월했을 거 같은데 말이죵.

제작자들의 의도를 이해하기 보다는 무조건 따라야 되는게 세상에 살다보면 많은데

이것도 그중에 하나일까 생각한다는 개인적인 장스 샘의 생각!~

자자 다시 본론으로 돌아가서~~

 우리는 형태(스크립트)에 대해서 머리 깊은 곳 까지 이해를 해야 되니 스토리를 하나 또 만들어보죠.

카멜레온 다들 아시죠?

형태안에 있는 코딩블럭은 카멜레온이라고 기억해 보시죠!

카멜레온은 오늘도 빈둥빈둥 잠만 자다가 배가 고파 먹을 것을 찾으로 숲속으로 떠나봅니다.

그러던 중!!!

뱀을 만나게 되죠~~!!!!

우리 카멜레온은~~자신의 몸의 색을 바꾸고~~

자신의 몸의 크기를 작게 만들어 봅니다.

그리고는 5초동안 생각을 해봅니다...

걸리면 뭐라고 말하지... 살려주세요라고 3초동안 빌어 볼까...

옆에 있던 나뭇가지를 자기 앞으로 가져와서 천적이 바라봤을 때의 자신이 제일 뒤로 가게 하게 합니다...

다행히도 걸리지 않고 천적이 지나갔네요~

드디어 카멜레온 본인의 모습을 보이고 먹을 것을 먹었다는

억지스러운 이야기를 여기서 끝내보려 합니다....

엄청난 야유 소리가 들리네요.

참 억지죠? 글을 쓰고 있는 저는 얼마나 오글오글 그러겠습니까~ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

그냥 세상에 이런 샘도 있구나 하고 넘어가시죠~

이게 직접 수업을 들으시면..정말 재미있게 빵빵 터지는데~

글로 이렇게 전달 하는게 아쉽네요~~(_ _ )( _ _).

자자자!!! 정리하면~~

스크립트 형태 코딩 블럭에서 기억해야 될것은 뭐냐!!!?!!!

카멜레온을 생각하며

1. 색을 바꾸자!!

2. 어깨를 좁히거나 크게 해서 크기를 바꾸자!!

3. 숨어!!!! 나타나자!!

4. 걸렸을 때 뭐라고 말할지 고민하기.

즉 스크래치의 고양이 기억하시죠?

그 고양이의 색이나 크기를 바꾸거나 숨기기, 나타내기, 말하기를

할 수 있는 코딩 블럭 모음이 형태라는 것 입니다.

자 이걸로 형태 스크립트도 여러분은 정복!!! 강제 정복!!!!!!!!!!!!!!!! 후훗..ㅡㅡV

그래도...잘 모르시겠다는 분은 저랑 면담하기~! ㅎㅎ

앞 연재 내용에서도 이야기 했지만 큰 그림이 중요합니다. 아시겠죠?

기본기의 큰 그림을 알아야 코딩이 가능하고 창의력과 논리적 사고를 기를 수 있어요~!

그럼 장스 조이 코딩 샘은 이만 물러갑니다~

휘리릭~~!!!

뿅!!!

형태 스크립트는 뭐다?? 카멜레온이다!!!! 이거만 기억해!!!

안녕~여러분~♡

장스 조이 코딩 샘입니다~

이번 시간에는 스크래치에서 동작이라는 코딩 블럭(스크립트)를 상황극으로

이해를 해보도록 하죠.

동작이라는 스크립트에는 17가지의 코딩 블럭들이 존재해요.

한글로 되어 있으니 읽으면 대략적인건 알 수 있어요

하지만 동작이라는 큰 틀의 코딩 블럭을 이해하는게 중요해요.

그래야 나중에 스스로 창의적인걸 만들 때 사용 및 응용이 가능 하닌깐요~

자 그럼 동작이 뭔지 머리속에 넣어 보죠.

1) 동작 블럭

 - 자 동작이 무엇인지 쉽게 이해를 시켜 드리기 위해서 상황을 하나 만들어보죠.

 여러분이 조교가 되는거에요!!! 수련회가 됐건 군대가 됐건!

 수련회라고 하죠 뭐~

 수련회에서 다들 학생들(스프라이트)을 모아 놓고 명령을 내립니다.

 뭐부터 시키죠?!!

 줄맞추세요!!! 자자자 오른쪽으로 조금더 가봐~~

<동작 - 이동에 대한 블럭들 모음>

스프라이트 들에게 어떤 동작 및 행동에 대한 명령을 내립니다.

 에헤!! 거기 학생 좌향좌(45도 돌려)!! 우향우(오른쪽으로 45도 돌려)!!!

<동작 - 방향에 대한 블럭들 모음>

거기 혼자 뒤 보고 있는 친구!!!! 

학생 맨 앞으로 나와(X : 0, Y :0 위치로 이동해)!!

에헤 다 안되겠어!!다들 10초동안 앉아!!!

너무 과격했나요...?ㅎㅎ

동작은 여러분이 조교가 되었을 때 학생들(스크립트)에게 어떠한 동작 명령을

내릴 수 있는 지 생각하면 이해하기 쉬우실 거에요.

조교분을 비하하는 내용은 아니니...저도 학생때 조교분이 제일 무서웠거든요 !
 
 자 그러면 대략적으로 동작 코딩 블럭들이 뭘 하는 곳인지 알겠나요?

여전히 이 표정이라면...제 잘못이 크네요.

직접 찾아뵙고 면담을 좀 해야겠어요.ㅎ

어려운게 아니에요. 딱 3가지만 기억 해볼까요?

 스크래치의 기본적인 동작 블럭들을 보면 크게 이렇게 보여요.

 1. 야!!!!!!! 움직여!!!!!!!!!!!!!!!!!

3가지만 외우고 가시죠. 심플하게~

수련회 조교가 된 그대 이미 동작 코딩 블럭은 90% 마스터 하신겁니다.

나머지 10%는 직접 저를 찾아주세요. ㅎㅎㅎㅎ

자 오늘 동작에 대한 첫 수업을 진행 해봤어요.

너무 억지스러운 면이 있어도 그냥 재미로 읽고 뇌로 외우깅~~

그런데 왜 블럭 하나하나씩 설명을 안해주냐고요?

그건 책을 사시면 다 있어요~~~아주 상세하게.

저는 그것보다 기초를 시작하는 아이들 또는 성인이라면

큰그림과 흐름을 외우는게 더 중요하다고 생각해요.

동작 스크립트를 누르면 블럭들이 한글로 다 되어있어요~

코딩은 외워서 하는게 아니라 어떤 도구가 있는지 이해를 하고

그걸 이용해서 문제를 풀거나 새로운 걸 창조하는거지

각각 하나씩 다 외우는건..글세요 외우면 좋지만 못외워도~ It's OK!!

동작은 조교다.

이걸로 이번 수업은 끝내겠습니다.

장스 조이 코딩 샘은 말도 안되는 이야기로 다시 돌아옵니다.

무슨 주제로?!

!!

!!????

!!!!????????

두번째 블럭인 !!! 형태 스크립트 블럭으로!!!!

그럼..장스 조이 샘은 휘리리릭~~~뿅!!!

하트 누르고 가는지 안가는지 알아요!!!(사실 몰라요..(_ _ )...)

눌러줘잉~~~♥ㅎㅎㅎㅎ

여러분 안녕~~!!

장스 조이 코딩 샘(_ _)/!!!

1화부터 4화까지는 스크래치2.0 프로그램의 전체 적인 구성을 배웠습니다.

1화 : 스크래치 이해하기

클릭 --> http://jangenjoycoding.tistory.com/4

2화 : 스크래치 설치하는 방법 말도 안되게 쉬움.

클릭 --> http://jangenjoycoding.tistory.com/5

3화 : 스크래치 구성과 메뉴 설명(완전 기초)

클릭 --> http://jangenjoycoding.tistory.com/9

4화 : 미치도록 쉬운 스크래치 무대와 스프라이트란?

(스크래치 고양이의 방과 방의 물건들을 알아보자.)

클릭 --> http://jangenjoycoding.tistory.com/12

오늘부터는 코딩을 하기 위한 블럭(스크립트)들을 머리속에 넣어보죠.

이제 아래의 모습이 익숙하시죠??

스크립트 화면을 보면 여러가지 색으로 된 버튼들이 있어요.

스크립트라는 부분이 실제 코딩을 위한 블럭들이 모여 있는 곳이에요.

이제부터는 여기에 있는 블럭들을 이용해서 코딩이라는걸 해보시죵~

동작을 클릭하면 아래에 블럭들이 쫙 나와요~

이 블럭들을 마우스로 코딩할 수 있는 장소로 이동 할 수 있어요.

한번만 사용할 수 있느냐? 아니죠~

무한대로 같은것도 사용이 가능해요~~

마우스로 클릭 후 쭉~~끌고 가면 끝.

자 기본적인 블럭의 구성을 보면

블럭의 홀 부분과 끼우기 부분으로 구성되어 있습니다.

우리가 코딩이라는걸 한다는건 이렇게 블럭들을 조합하는거에요.

쉽게 말해서...

이렇게 하나의 블럭은 의미가 없지만 이럴걸 조합해서

짜잔 집을 만드는거 처럼 코딩도 같은 의미에요~쉽죠잉~~?

자 실제로 어떻게 블럭들을 붙이는지 동영상으로 보시죠.

자 이렇게 까지 했는데 못한다고 하면

카톡 주세요. 면담 좀 하시죠 ㅎㅎㅎㅎ

자 각각의 항목이 뭐가 있는지 간단하게 한번 보시죠~

동작은 코딩의 뭔가 동작에 대해서 모아 둔 곳이에요~~

형태라는 것도 있고요~~ 내용들을 보면 아직은 어려울 수 있어요.

코딩들의 형태를 바꾸는 기능들인거 같고요~

각각의 소리들도 제어를 하궁~~

펜???이건 스프라이트가 이동하는 흔적을 펜으로 이용하여 표시 할 수 있어용.

데이터....눌러보면 블럭이 아무것도 안보이죠?

이건 변수라든거 리스트라는걸 만드는건데...아직은 복잡하니 패스~!!

이벤트라는건 어떠한 액션!!!이 취해졌을때 행동하는 것~~

제어는 각각 스프라이트들 행동의 반복 또는 If문 이라는걸 이용한 부분이에요.

관찰...스프라이트의 무슨 행동 하는지 관찰...

일단 잘 모르겠으면 패스~그냥 쭉쭉 읽어주세요.

연산!! 드디어 우리 모두 아는거!!^^

덧셈, 뺄셈!! 곱하기 나누기~~~!!등등

마지막으로 추가 블록..여기도 아무것도 없으니 패스.

간단히 설명하면 기본적으로 없는 블럭들을 사용자가 직접 만들 수 있는 곳입니다.

자 이렇게 실제 코딩을 할 기본적인 블럭 총 10개에 대해서

아주 수박 겉핥기 식으로 알아봤어요~!!!

너무 쉬운가요? 아니면 어려운가요??

사실 제가 연재하는 스크래치는 위 수박을 먹는 아기처럼

아주 극초보들을 위한 곳이니 너무 쉬운 분들은 어려운 곳으로!!!

훨훨 날아가시고~~~~

그래도 유익하식 분은 끝까지 봐주세요^^!!!!

다음 이시간에는 각각 블럭 항목에 대해서

깊이 있고 아주 잼있게 머리속에 넣을 수 있게 준비 중이니~~ 지켜 봐주세요.

자 그럼 오늘은 여기까지~!!!

장스 조이 코딩 샘이였습니다~

휘리릭 뿅!!!

당신의 1초 시간만 주세요. 하래 하트 클릭!!?