버섯돌이님의 블로그 강좌를 게시하였습니다.
[출처] http://blog.naver.com/dev4unet/

버섯돌이와 함께하는 스크래치 - 기본 사용법 및 Hello~ 예제 만들기

헬로스크래치 | 2015-12-30 16:43:18

버섯돌이와 함께하는 스크래치 기초

기본 사용법 및 Hello~ 예제 만들기


Created Date: 2015.10.20

Modified Date: 2015.10.27

revision 1.0


키워드 : 스크래치, Scratch, Hello World

 

안녕하세요 버섯돌이 유재성입니다.

지난 시간의 스크래치 가입 강좌에 포함된 동영상을 통해서 맛보기로 간단한 스크래치 사용법은 살펴보셨을 테니...

밤톨이와 함께 하는 스크래치 - 가입 및 기초

 http://blog.naver.com/dev4unet/220474099312


오늘은 스크래치 메인 페이지를 조금 살펴 본 후 아주아주 간단한 헬로우~ 예제를 만들어 보겠습니다.



1. 학습내용 요약 정리..

- 홈페이지 메인화면 소개


- 스크래치 이용방법

   - 온라인 : 회원 / 비회원 모두 가능하지만 회원 가입(무료)시 "내 작업실" 및 프로젝트 공유 등의 혜택이 있음.

   - 오프라인 : 오프라인 에디터를 설치해서 사용 가능


- 오프라인 에디터 설치 환경


- 스크래치 프로젝트 실행/중지 방법


- Hello~ 예제 작성


- 프로젝트 저장 & 불러오기



2. 메인화면 및 일부 기능 소개..

스크래치 홈페이지에 방문합니다.

https://scratch.mit.edu/ 


스크래치 홈페이지의 메인은 내용을 기준으로 크게는 상단/중단/하단의 3가지 영역으로 나눌 수 있는데

상단에는 스크래치 시작하기, 예제 보기, 가입하기의 핵심 기능이 나와있습니다.



지난 강좌에 설명했듯이 스크래치는 가입이 필수는 아니기 때문에 "바로 시작하기"를 클릭해서 스크래치를 곧바로 시작할 수 있습니다만 회원 가입을 하면 자신만의 작업 영역인 "내 작업실"이 생겨서 작업한 프로젝트가 자동으로 저장됩니다.

 


또한, 자신만의 프로젝트 공간을 할당받았으므로 다른 사람들과의 프로젝트 공유 등 다양한 혜택도 함께 생깁니다.

 

 

 Flash가 필요하기 때문에 모바일 폰에서는 안되고 PC에서만 확인 가능합니다.


 첫째 날 작품 실행하기 : https://scratch.mit.edu/projects/75496298/

 두번 째 작품 실행하기 : https://scratch.mit.edu/projects/75498566/


 

 



가장 하단에는 일반적인 항목별 링크가 존재합니다.



이 중에서 처음 입문시 유의 깊게(?) 보셔야 할 부분은 "지원" 항목의 "오프라인 에디터"입니다.



스크래치의 경우 기본적으로 온라인에서 서비스를 제공하므로 홈페이지에 방문해서 이용하도록 되어있습니다만...

일반 프로그램을 설치해서 사용하듯이 오프라인에서도 사용이 가능합니다.

 

조금 더 살펴보기 위해 페이지 하단 지원 영역에 있는 "오프라인 에디터" 링크를 클릭합니다.

아래와 같은 스크래치 2 오프라인 에디터 페이지로 이동됩니다.


 

스크래치가 Flash 기반이라 오프라인 버전을 사용하시려면 반드시 Adobe AIR가 설치되어 있어야 합니다.

따라서, Adobe AIR를 설치하지 않은 분들은 자신이 사용하는 OS에 맞는 버전을 설치하시기 바랍니다.


스크래치 오프라인 에디터는 윈도우즈 / 리눅스 / 맥 버전을 지원하고 있습니다.

저는 오프라인 에디터는 필요하지 않아서 설치하지 않았으니 필요하신 분들은 설치해서 테스트해 보세요.^^


참고로, 회원 가입을 하면 온라인에서 작성한 프로젝트를 다운로드해서 오프라인 에디터에서 편집할 수 있고...

반대로, 오프라인에서 작성한 프로젝트를 온라인에 업로드해서 사용할 수 있습니다.(업로드 시 계정 필요)



끝으로, 메인 화면 중단에는  최근 프로젝트 / 최근 스튜디오를 비롯하여 다양한 정보들이 있습니다.



초반에 설명드렸듯이 회원으로 가입하면 자신이 만든 프로젝트를 타인과 공유할 수 있으며,

공유된 프로젝트는 자신이 만든 것처럼 실행할 수도 있고 소스를 살펴볼 수도 있습니다.


또한, 리믹스라고 타인의 공유된 프로젝트를 수정해서 자신의 프로젝트 영역에 저장도 가능하며,

오프라인 에디터에서 작업한 파일을 온라인에 업로드할 수 있습니다.



3. Hello! 예제..

스크래치는 플래시 기반이라 무대에 스프라이트를 배치해서 스토리를 만드는 애니메이션이나 게임 제작 등에 특화되어 있으니...

기본 캐릭터인 고양이가 "Hello!"라고 말하는 아주아주 간단한 예제를 만들어 보겠습니다.


스크래치 홈페이지 상단의 "만들기"를 선택합니다.

 


"이벤트" 팔레트에서 "(초록색 깃발 아이콘) 클릭했을 때" 블록을 우측의 스크립트 영역으로 Drag&Drop 합니다.



"형태" 팔레트에서 "Hello! 말하기" 블록을 우측의 스크립트 영역으로 Drag&Drop 합니다.

 


아래 그림처럼 "Hello! 말하기" 블록을 "클릭했을 때" 블록 하위에 연결합니다.

( "Hello! 말하기" 블록을 "클릭했을 때" 블록 하위에 가져가시면 연결선이 나타납니다. )



이해가 잘 안되시는 분들은 지난 시간의 가입 및 기초 강좌의 동영상을 참고 하시기 바랍니다.


 밤톨이와 함께 하는 스크래치 - 가입 및 기초

 http://blog.naver.com/dev4unet/220474099312



스크래치 좌측 상단 무대 영역의 우측 상단에 존재하는 초록색 깃발 아이콘과 8 각형의 빨간색 아이콘이 시작과 중지입니다.



초록색 깃발 아이콘을 클릭해서 지금까지 작성한 프로그램을 실행합니다.


고양이 캐릭터가 초록색 깃발을 클릭함과 동시에 "Hello!"를 말합니다.*^^*


와우~ 참 쉽죠~~*^^*V

참고로, 팔각형의 빨간색 아이콘을 클릭하면 중지라서 "Hello!" 풍선이 사라집니다.



4. 프로젝트 저장...

지금까지 만든 Hello 샘플 소스를 내 작업실에 저장하도록 하겠습니다.


좌측 상단에 현재 작업 중인 Hello 프로젝트의 제목을 입력합니다.


제목은 나중에 알아보기 쉽도록 적으면 되는데 "Untitled"보다는 "Hello Scratch~" 등이 더 좋겠지요^^;;


상단의 "파일" 메뉴를 클릭후 "저장하기"를 선택합니다.

 

저장되었다는 메시지는 출력되지 않지만 지정한 제목으로 무사히 저장이 완료되었습니다.^^


참고로, 프로젝트는 지금처럼 명시적으로 저장하지 않더라도 만일의 사태를 대비해서

특정 주기마다 자동으로 저장되기 때문에 작업을 시작하기 전에 가장 먼저 제목을 바꿔 주시는 게 좋습니다.^^



5. 저장된 프로젝트 목록 확인 및 불러오기...

지금까지 작업한 프로젝트를 불러오는 방법을 알아보겠습니다.

스크래치는 작업한 프로젝트를 "내 작업실"에 보관합니다.


상단 메뉴에서 "파일"을 선택 후 "Go to My Stuff"를 선택하면 "내 작업실"로 이동됩니다.

 


또는, 스크래치 홈페이지 우측 상단에 로그인한 이름을 클릭 후 "내 작업실"을 선택합니다.

 


내 작업실에 보면 지금까지 작업한 목록이 보이는데 방금 전에 저장한 "Hello Scratch~"도 보이는군요.

 

참고로, 프로젝트 제목이나 썸네일 이미지를 클릭하면 해당 스크래치의 실행 결과를 확인할 수 있으며..

각 프로젝트 제목 하단에 있는 "스크립트 보기" 버튼을 클릭하면 소스 파일을 볼 수 있습니다.



9. 마치며..

지난 시간에 가입 절차를 비롯하여 간단한 스크래치 사용법에 대한 몇 개의 샘플 영상을 제공해 드렸기에

이번 시간에는 조금은 여유를 갖고 지루하지만 기본적인 내용들에 대해서 살펴봤습니다.


여유가 되면 다음 시간에는 스크래치의 작업 영역에 대한 이름 및 일부 블록의 특징에 대해서 살펴보겠습니다.

제가 작성하는 스크래치나 S4A 강좌가 서로 겹치는 부분들이 많기 때문에 양쪽 강좌를 모두 보시면 도움이 되리라 봅니다.


본문 수정 시 가급적 배포한 곳의 글 들도 함께 수정하려고 노력합니다만 쉽지 않은 작업이라 누락되는 경우가 많습니다.^^;;;

작성한지 오래된 강좌는 가급적 원본 글도 함께 참고 하시기 바랍니다.


[참고자료]

[목차] 버섯돌이와 함께하는 스크래치(Scratch) 강좌 전체 목차

http://blog.naver.com/dev4unet/220514028814


밤톨이와 함께 하는 스크래치 - 가입 및 기초

http://blog.naver.com/dev4unet/220474099312

 

End.


written by 버섯돌이(유재성)

http://blog.naver.com/dev4unet 



이 저작물은 크리에이티브 커먼즈 저작자표시-비영리 3.0 Unported 라이선스에 따라 이용할 수 있습니다.

댓글
등록된 댓글이 없습니다.