스크래치 설치하고 코딩 기초 배우기

<div class="titleWrap"><h2><a href="http://hancomhong.tistory.com/1">스크래치 설치하고 코딩 기초 배우기</a> 바로가기=><a href="http://cafe.daum.net/hdyd/Eohk/13">http://cafe.daum.net/hdyd/Eohk/13</a> </h2><a href="http://hancomhong.tistory.com/category/%EC%BD%94%EB%94%A9">코딩</a> 2018.04.20 16:38 </div> <div class="article"><div class="tt_article_useless_p_margin"> <img style="height: auto; cursor: pointer; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/993E78485AD990D503" width="500" height="247" filemime="image/jpeg" filename="1.jpg">  스크래치 설치하고 코딩기초 배우기  1. 스크래치 설치  스크래치 설치는 아주 간단한데요. 메뉴를 찾기가 쉽지가 않아 어렵게 느끼시는 분들이 많습니다. 스크래치 설치는 일단 검색어에 스크래치라고 검색합니다. <a class="f_link_b" href="http://scratch.mit.edu/" target="_blank" data-origin-href="http://scratch.mit.edu/">스크래치</a>프로그램, 2.0, 체험, 미디어공유 커뮤니티, 이야기, 게임, 애니메이션 제공.<div class="f_nb info"><a href="http://cafe.daum.net/hdyd/Eohk/13" target="_blank">http://</a><a class="f_url" href="http://scratch.mit.edu/" target="_blank">scratch.mit.edu/</a> </div>  그리고 검색사이트 중 스크래치 를 클릭합니다.  네이버에서 검색시 가장 위에 저기 동그라미 친 부분에 들어가면 되며 <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/991F734E5AD991CB19" width="266" height="226" filemime="image/jpeg" filename="2018420166398305.png"> 구글이나 크롬에서 검색시에는  저기 동그라미 친 부분에 들어갑니다.<img style="height: auto; cursor: pointer; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/998278465AD9926903" width="500" height="263" filemime="image/jpeg" filename="20184201610164985.png">  자 그럼 한글로 된 스크래치 사이트에 연결되어 나옵니다. <ins style="height: 60px; display: block;" class="adsbygoogle" data-ad-client="ca-pub-2532868898928581" data-ad-slot="9806689876" data-ad-format="auto" data-adsbygoogle-status="done"><ins style="margin: 0px; padding: 0px; border: currentColor; width: 610px; height: 60px; display: inline-table; visibility: visible; position: relative; background-color: transparent; border-image: none;" id="aswift_1_expand"><ins style="margin: 0px; padding: 0px; border: currentColor; width: 610px; height: 60px; display: block; visibility: visible; position: relative; background-color: transparent; border-image: none;" id="aswift_1_anchor"><iframe style="left: 0px; top: 0px; width: 610px; height: 60px; position: absolute;" id="aswift_1" vspace="0" height="60" marginHeight="0" frameBorder="0" width="610" allowTransparency="true" name="aswift_1" marginWidth="0" scrolling="no" hspace="0" allowfullscreen="true"></iframe></ins></ins></ins>  그런다음,  스크롤바를 내려 가장 아랫 화면에 보시면<img style="height: auto; cursor: pointer; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/993B5B505AD993141D" width="500" height="156" filemime="image/jpeg" filename="20184201611293955.png">  지원 - "오프라인 에디터"라는 항목에 클릭합니다. 그럼 다음과 같은 화면이 나옵니다.  <img style="height: auto; cursor: pointer; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/99BC4B4A5AD9934902" width="500" height="251" filemime="image/jpeg" filename="20184201612179225.png">여기서 Adobe AIR 미설치라면 먼저 설치하고 2번으로 넘어 가셔야 합니다.  그렇지않고 스크래치 오프라인 에디터에서만 설치하시면, 오류가 나거나  Adobe AIR 를 설치하고 다시 들어가게 됩니다.  설치가 끝나고 나면, 바탕화면에 고양이 한마리를 보실 수 있으 실 거예요!! <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/99264C495AD993C51C" width="87" height="82" filemime="image/jpeg" filename="2018420161632325.png"> 저 Scratch2 아이콘이 생성되면 모든 설치가 끝이 난 겁니다.  구글에서 설치시에 영어로 스크래치화면이 뜨는 경우가 있는 대 그럴 경우, 첫 화면에서 언어를 한국어로 바꿔 주시면 됩니다. <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/9932C4445AD994D80A" width="355" height="555" filemime="image/jpeg" filename="2018420162031395.png">  아주간단한데도, 저 메뉴가 눈에 잘 띄지 않아 내가 영문버전을 다운 받았구나 하시는 분들이 많으십니다. 꼭 저 메뉴에서 한국어 선택해 주시면, 한번에 바꾸실수 있습니다.  자 오늘은, 스크래치 첫번째 시간으로  간단하게 스크래치 스프라이트 편집하는 방법에 대해 알아 보도록 하겠습니다. 먼저 스프라이트란? 스크래치에 넣을 대상을 말하며, 스프라이트는 프로그램에서 제공하는 것 외에도 불러오기도 가능합니다.  <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/99F8E14B5AD995E10F" width="493" height="249" filemime="image/jpeg" filename="2018420162537325.png">  처음 나오는 저 고양이가 스프라이트이며 윗쪽에 새로운 스프라이트에 첫번째 그림이 추가로 스프라이트를 가져올 수 있도록 합니다. 그 옆 동그라미 친 부분이 파일을 불러 올 수 있도록 합니다.  스프라이트의 기본 정보느느 저기 보이는 " i " 에서 세부 정부로 이름을 바꿀지 또는 방향을 정하는지 등등을 설정 할 수 있습니다.  <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/99395C465AD9967C3D" width="471" height="188" filemime="image/jpeg" filename="20184201627295965.png">  스프라이트1이라고 되어 있는 곳에서 새롭게 내가 알아 볼 수 이름으로 변경이 가능합니다. 나중에 여러개의 스프라이트를 삽입후 그 스프라이트가 어떤 것인지 헷갈릴 수 있어 이름 설정은 중요합니다.   스프라이트를 선택시 모양탭에서 보면 스프라이트를 한개만 삽입했을 지라고 두개의 동작이 들어가 있는 것을 확인할 수 있습니다. <img style="height: auto; cursor: pointer; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/99BB15475AD9971034" width="500" height="271" filemime="image/jpeg" filename="20184201629351875.png"> 이것은 움직임 설정시 자연스러운 모양을 위해 스프라이트를 여러개 지정해 두었습니다. 사람의 움직임은 더 다양한 모양을 보실 수 있습니다.  원래 들어가 있던 스프라이트의 모양을 조금 변경해서 사용하고 싶다고 한다면 <img style="height: auto; max-width: 100%;" src="https://t1.daumcdn.net/cfile/tistory/994EA2475AD997820D" width="296" height="244" filemime="image/jpeg" filename="2018420163201785.png">  모양에서 모눈 안의 고양이를 선택시 보는 것과 같이 윗쪽 동그라미를 이용해서 비틀기 방향 바꾸기와 크기 바꾸기 색깔 바꾸기 그려넣기 등 여러가지 모양으로 수정이 가능합니다.  오늘 스프라이트의 모든 것을 공부해 보았구요. 다음에는 배경 바꾸기와 함께 약간의 동작움직임에 대해 알아 보도록 하겠습니다.  즐거운 주말 보내시길 바랍니다. </div></div> 출처: <a href="http://hancomhong.tistory.com/1">http://hancomhong.tistory.com/1</a> [컴퓨터 취미로 자격증 따기] 출처: <a href="http://hancomhong.tistory.com/1">http://hancomhong.tistory.com/1</a> [컴퓨터 취미로 자격증 따기]