코딩뉴스

교육계 이슈와 코딩 뉴스, 마르시스에듀의 최신 소식을 확인해 보세요.

 

코딩뉴스

[CUE 리뷰] 큐 앱 살펴보기 - 3

조회 : 4736 작성일시 : 2019-04-16 12:02:54

안녕하세요!

 

지난 시간에는 큐 앱에서 큐를 움직일 수 있는 세 가지 메뉴 중 원더를 알아봤는데요,

오늘은 CODE(코드) 에서 챌린지를 진행해 볼게요.

 

 

 


 

먼저 큐 전원을 켜고 앱에서 연결해야겠죠? 그 다음 CODE를 선택해 볼게요.

 

 

 


 

 

CODE를 선택하면 이렇게 각각 이동(Move)에 관련된 챌린지,

라이트 및 보기(Show)에 관련된 챌린지,

소리(Sound)에 관련된 챌린지,

센서(Sense)에 관련된 챌린지, 그리고 그 밑으로 쭉 넘어가 보면!

 

반복(Repeat), 기억(Remember), 판단(Decide),

텍스트로 움직이기(Move with Text), 텍스트로 보기(Show with Text),

센서와 반복하기(Sense with Repeat), 텍스트로 기억하기(Remember with Text),

텍스트로 판단하기(Decide with Text), 저장하기(Store), 변신하기(Transform)

 

총 14개에 관한 챌린지가 각각 4개씩, 총 56개의 챌린지가 준비되어 있어요.

 

​이 챌린지들을 하나씩 해 보면서 큐의 다양한 기능들을 블록 및 텍스트로 어떻게 코딩하는지

차근차근 알아볼 수 있도록 구성되어 혼자서도 충분히 학습이 가능하답니다.

 

오늘은 우선 첫 번째, 이동(Move)에 관한 챌린지 하나를 같이 해 볼게요. 

 

 

​​

로봇이 경주를 준비할 수 있도록 코드를 써 주세요.

로봇이 앞으로 25cm 가도록 해줄 수 있나요?

 

첫 번째 챌린지는 큐가 앞으로 25cm 가게 하는 거예요.

본격적으로 코딩을 하기 전에 화면 위쪽에 제가 동그라미를 쳐 놓은 부분을 보시면,

왼쪽은 블록 모양 아이콘이 있고 오른쪽은 텍스트 모양 아이콘이 있어요.

큐는 블록으로도 코딩이 가능하지만 JavaScript를 이용한 텍스트 코딩 또한 가능하다고 말씀드렸죠?

바로 여기에서 변환할 수 있답니다.

 

우선 우리는 보다 익숙한 블록 명령어를 사용해서 앞으로 25cm 가도록 해 볼게요.

 


 

Action 메뉴를 선택하면 move 블록 하나가 덩그러니 있습니다.

움직이는 거리와 속도를 정해 줄 수 있네요.

move 블록을 꾹 누른 뒤 창 밖으로 끌고 와 On Start 밑에 연결해 줍니다.

 

 

 

 

 

짠! 이미 거리는 25로 설정이 되어 있어서 굳이 바꿀 필요가 없겠네요.

 

그리고 나서 오른쪽 아래 주황색 시작 아이콘(▶)을 터치해 보겠습니다.

 

 

 

앞으로 25cm를 움직이고 좋아하네요.

 


 

화면에는 위의 이미지와 같이 첫 번째 챌린지를 무사히 완료했다는 표시와 함께, 

Move 챌린지의 4개 중 1개를 했다고 진행 상황을 알려주네요.

 

다음 챌린지로 넘어가기 전에, 우리가 방금 했던 Move의 첫 번째 챌린지로 다시 돌아가 볼게요.

아까 화면 위쪽 가운데에 있던 두 개의 아이콘 기억하시죠?

블록으로 다 코딩을 해 놓은 상태에서, 텍스트 아이콘을 눌러 보세요.

 

 

 


이렇게! 같은 내용이 텍스트로 변경된 것을 볼 수 있습니다.​

 

 

Move 블록은 actions.move(거리, 속도)로 변환된다는 것을 알 수 있죠!

 

이렇게 하나씩 변환해 가면서 자연스럽게 JavaScript를 이용한 텍스트 코딩을 배우는 것도 좋은 방법인 듯해요.

다음 시간에는 마지막 메뉴, 콘트롤(CONTROL)에 대해 자세히! 알아볼게요.


마르시스에듀는 누구나 21세기 필수 기술을 쉽고 재미있게 익혀 창의적이고 논리적인 사고력을 바탕으로 문제 해결을 할 수 있도록 돕는 에듀테크 회사입니다. 아이디어를 현실화할 수 있는 제품과 콘텐츠를 개발하고 서비스를 제공함으로써 미래 사회를 능동적으로 살아갈 수 있는 방법을 제시할 것입니다.

    

PRODUCT