블록형 코딩 앱제작 도구 인벤터(inventor)로 손쉽게 앱을 만들어요.

<p><span>안녕하세요</span><span >. SNS</span><span>기자단 윤영혜입니다</span><span >. </span><span>이번 달은 앱을 손쉽게 만들 수 있는 블록형 코딩기반 도구 인벤터를 소개하고자 합니다</span><span >.</span><br><span>먼저 </span><span>애플리케이션</span><span >(</span><span>앱</span><span >)</span><span>에 대한 개념부터 살펴보아요</span><span >.</span><span ><b> </b></span><span ><b>Application(</b></span><span><b>애플리케이션</b></span><span ><b>)</b></span><span><b>이란 개인이나 조직이 업무를 수행하도록 도와주는 응용프로그램을 말하고 특히 스마트폰에서 동작하는 </b></span><span><b>애플리케이션</b></span><span>을 앱이라고 합니다</span><span >.<br></span><span ></span><span>앱은 아이폰용</span><span >, </span><span>안드로이드용으로 구분되는데 아이폰에서 사용하는 앱은 </span><span >Object C </span><span>등으로 만들고 안드로이드는 </span><span >JAVA(</span><span>이클립스</span><span >, </span><span>안드로이드 스튜디오</span><span >)</span><span>으</span><span>로 만듭니다</span><span >. </span><br>  <br><span>아마도 이 </span><span>글</span><span>을 보고 있는 분들은 대부분 </span><span>다양한</span><span > </span><span>앱을 이용하여 스마트폰을 사용하고 있을 거예요</span><span >. </span><span>유용한 앱을 사용하다 보면 감탄이 나올 때가 있고 가끔은 나에게 딱 맞는 앱을 </span><span>만들어 보고 싶다는</span><span > </span><span>생각이 들기도 합니다</span><span >. </span><span>인벤터는 바로 이 앱을 만들어주는 소프트웨어 교육용 프로그램인데</span><span >, </span><span>텍스트</span><span > </span><span>기반이 </span><span>아닌</span><span > </span><span>블록형이라</span><span>서</span><span > </span><span>초등학생부터 성인까지 누구나 손쉽게 </span><span>자신이</span><span > </span><span>원하는 앱을 만들 수 있습니다</span><span >. </span><span>인벤터는 </span><span >MIT </span><span>공대에서 운영하고 있는데</span><span >, </span><span>초보자들을 위한 프로그램제작도구로 유명한 스크래치</span><span >(Scratch)</span><span>도 </span><span >MIT</span><span>에서 만들었</span><span>다고 합니다</span><span >.</span><br>  <br><span class="se_fs_T2" style="color: rgb(159, 25, 13);"><b>■ 인벤터의 장점</b></span><span><br></span><span></span><br><span>프로그래밍 언어를 몰라도 마우스 클릭으로 손쉽게 앱을 만들 수 있고 웹사이트 구축 기반이라 따로 프로그램을 설치할 필요가 없어요</span><span >. </span><span>아직 베타버전이라 전 세계 모든 앱 제작 정보가 이곳으로 몰리고 있어 최신 앱 개발 동향을 살펴보기도 좋습니다</span><span >.</span><br><span>안드로이드앱 인벤터는 학생 </span><span>대상의 </span><span>강의용으로만 사용되는 것이 아니라 성인 개발자들도 많이 </span><span>사용</span><span>하는데</span><span>요</span><span >, </span><span>인벤터에 소스가 공개되어 </span><span>있어</span><span > </span><span>쉽게 앱을 만들 수 있는 환경을 제공하기 때문입니다</span><span >. </span><span>또한 소스의 즉각적인 반응을 알 수 있고 디버깅</span><span >(</span><span>컴퓨터 프로그램의 잘못을 찾아내고 고치는 작업</span><span >)</span><span>이</span><span > </span><span>편리하</span><span>며</span><span >, </span><span>데이터베이스 구동이 무척 쉬운 장</span><span style="color: rgb(0, 0, 0);">점</span><span style="color: rgb(0, 0, 0);">도</span><span style="color: rgb(255, 0, 0);"> </span><span>있습니다</span><span >.</span><br><span>인터페이스가 무척 잘 되어있어 센스 사용 시 자세한 구동 원리</span><span>를</span><span > </span><span>몰라도 앱</span><span>을</span><span > </span><span>제작할 수 있습니다</span><span >. </span><span>요즘 관심이 많은 자이코롭 센스</span><span >, </span><span>가상현실</span><span >(VR)</span><span>센스 등도 지원되고 있습니다</span><span >.</span><br>  <br><span class="se_fs_T2" style="color: rgb(159, 25, 13);"><b>■ 인벤터의 단점</b></span><span><br></span><span></span><br><span>인터넷 기반 개발 플랫폼이기에 인터넷 연결이 필수며 인터넷 사정이 좋지 않은 곳에서는 사용에 제약이 있을 수 있습니다</span><span >. </span><span>또</span><span > </span><span >Microsoft</span><span>의 인터넷 익스플로러를 지원하</span><span>지 </span><span>않기에 크롬이 반드시 설치되어 있어야 합니다</span><span >.  </span><span>마지막으로</span><span > </span><span>인벤터는 안드로이드용 앱만 제작할 수 있습니다</span><span >.</span><br>  <br><span class="se_fs_T2" style="color: rgb(159, 25, 13);"><b>■ 인벤터를 이용한 간단한 앱을 만들기</b></span><br>  <br><span>그럼 이제부터 인벤터를 이용하여 앱을 만들어 보겠습니다</span><span >.</span><br><span>먼저 크롬을 실행하고 </span><span>검색창에 </span><span >‘</span><span>앱인벤터</span><span >’ </span><span>또는 주소창에 </span><span style="color: rgb(68, 68, 68);"><a class="se_link" href="https://goo.gl/1o6OpD" target="_blank"><u><font color="#000080">https://goo.gl/1o6Op</font></u></a> </span>을 입력합니다<span >. </span><span >PC</span>에<span > </span>크롬이 설치되지 않았다면<span > </span><u><span style="color: rgb(0, 0, 255);"><a href="http://www.google.com/chrome/browser에서"><span style="color: rgb(68, 68, 68);"></span></a><a class="se_link" href="https://goo.gl/s6e5a9" target="_blank"><font color="#000080">https://goo.gl/s6e5a9</font></a> <span style="color: rgb(0, 0, 0);"></span></span></u><span style="color: rgb(0, 0, 255);"><span style="color: rgb(0, 0, 0);">에서 </span></span>크롬을 내려받아 설치합니다<span >.</span><br> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="52" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_1_img", "src" : "http://postfiles5.naver.net/MjAxNzAyMDFfMTkx/MDAxNDg1OTA4NTU1NzY1.3V6vRw69pdLG6OnjzpmX1daCvRId7npXOgkHnP-C0Y0g.HOFy_7Wa05DicRW063V8pv3r1Kd5ULrbEqLiMAqH36Ag.JPEG.ktcu_attic/image_3789126411485908539773.jpg", "linkUse" : "false","link" : ""}'><img width="925" height="598" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_1_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles5.naver.net%2FMjAxNzAyMDFfMTkx%2FMDAxNDg1OTA4NTU1NzY1.3V6vRw69pdLG6OnjzpmX1daCvRId7npXOgkHnP-C0Y0g.HOFy_7Wa05DicRW063V8pv3r1Kd5ULrbEqLiMAqH36Ag.JPEG.ktcu_attic%2Fimage_3789126411485908539773.jpg%3Ftype%3Dw966" data-attachment-id="IBZ2aSWimI5Nf552u-XfOQrP4TfM"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 인벤터 초기 화면</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>인벤터 초기화면 오른쪽 상단에 </span><span >Create Apps</span><span>를 클릭하면 구글 계정 로그인 화면이 나옵니다</span><span >. </span><span>인벤터로 앱을 제작하기 위해서는 구글 계정이 꼭 필요한데</span><span >, 이는 </span><span>안드로이드 폰 환경으로 만드는 앱이기 때문입니다</span><span >. </span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="53" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_2_img", "src" : "http://postfiles7.naver.net/MjAxNzAyMDFfNTIg/MDAxNDg1OTA4NTkyODk2.r0Nm19MKOo7Vy3zl6pmnkteUgtRATy8UjU9AEyxgJLcg.yMeqOzqVuke7G8JU75nEil_02KFV9g-NM6tfYVE3sYgg.JPEG.ktcu_attic/image_4758729561485908583254.jpg", "linkUse" : "false","link" : ""}'><img width="774" height="561" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_2_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles7.naver.net%2FMjAxNzAyMDFfNTIg%2FMDAxNDg1OTA4NTkyODk2.r0Nm19MKOo7Vy3zl6pmnkteUgtRATy8UjU9AEyxgJLcg.yMeqOzqVuke7G8JU75nEil_02KFV9g-NM6tfYVE3sYgg.JPEG.ktcu_attic%2Fimage_4758729561485908583254.jpg%3Ftype%3Dw966" data-attachment-id="I1qXZfSzSyhcM1LnNJkx52VJEvw4"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 구글 계정으로 로그인 </span></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>구글 계정이 없는 경우는 계정 만들기를 통해 계정을 만들 수 있습니다</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="54" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_3_img", "src" : "http://postfiles7.naver.net/MjAxNzAyMDFfMTk3/MDAxNDg1OTA4NjM5ODM1.YKn5V_3NhRoV29B_aBKam6VGkV_y3zgDRvOTmpZh0R4g.EzHvudHtVev1KyT3I3XbdfuyzyZmGC87bhiM0fyNnLwg.JPEG.ktcu_attic/image_1215813181485908621752.jpg", "linkUse" : "false","link" : ""}'><img width="1049" height="516" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_3_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles7.naver.net%2FMjAxNzAyMDFfMTk3%2FMDAxNDg1OTA4NjM5ODM1.YKn5V_3NhRoV29B_aBKam6VGkV_y3zgDRvOTmpZh0R4g.EzHvudHtVev1KyT3I3XbdfuyzyZmGC87bhiM0fyNnLwg.JPEG.ktcu_attic%2Fimage_1215813181485908621752.jpg%3Ftype%3Dw966" data-attachment-id="IPG32AYjUYWt4O7gH9HlfI_bsa7w"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 인벤터 제작 초기화면 </span></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>자신의 구글 계정인 이메일과 비밀번호를 입력하면 인벤터 제작 초기 화면으로 들어갑니다</span><span >.</span><br><span>인벤터는 다양한 언어서비스를 제공하는데 오른쪽 상단에 </span><span >English</span><span>를 누르면 각국 언어로 환경을 </span><span>설정할</span><span > </span><span>수 있습니다</span><span >. </span><span>한국어도 지원하니 영어에 익숙하지 않은 사람들도 손쉽게 사용할 수 있습니다</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="55" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_4_img", "src" : "http://postfiles8.naver.net/MjAxNzAyMDFfMjIx/MDAxNDg1OTA4NjY0MDM0.5qRAyQVqazFm7wJTMqOJyxtjI440xiBznIr_ja144T0g.scT2413HmEL3NEazSRKZRjO4iyE4ICfSTUyPZ4ZmaPQg.JPEG.ktcu_attic/%EC%83%88_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EC%83%9D%EC%84%B1_%ED%99%94%EB%A9%B4.JPG", "linkUse" : "false","link" : ""}'><img width="855" height="600" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_4_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles8.naver.net%2FMjAxNzAyMDFfMjIx%2FMDAxNDg1OTA4NjY0MDM0.5qRAyQVqazFm7wJTMqOJyxtjI440xiBznIr_ja144T0g.scT2413HmEL3NEazSRKZRjO4iyE4ICfSTUyPZ4ZmaPQg.JPEG.ktcu_attic%2F%25EC%2583%2588_%25ED%2594%2584%25EB%25A1%259C%25EC%25A0%259D%25ED%258A%25B8_%25EC%2583%259D%25EC%2584%25B1_%25ED%2599%2594%25EB%25A9%25B4.JPG%3Ftype%3Dw966" data-attachment-id="IYJJ26KNnqrnqmBUX-TMeG7LK8Vs"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 새 프로젝트 생성 화면</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>새 프로젝트 시작하기로 프로젝트를 생성합니다</span><span >.</span><br><span>프로젝트명은 영문</span><span >, </span><span>숫자</span><span >, </span><span>특수기호로 조합</span><span>하여 작성할 수 있으며 </span><span>저는 '</span><span >young'</span><span>이라고 만들어보았어요</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_5_img", "src" : "http://postfiles8.naver.net/MjAxNzAyMDFfMjcy/MDAxNDg1OTA4NzA4NzY0.e92sewM3PTpGoEr6NEoXpvic34jqCUh55ryF7c3jUWIg.QQjXiKridntJGokQt_XIUE-nxxGe4Bt0TnWzqmXX4qAg.JPEG.ktcu_attic/image_998300421485908696742.jpg", "linkUse" : "false","link" : ""}'><img width="1258" height="677" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_5_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles8.naver.net%2FMjAxNzAyMDFfMjcy%2FMDAxNDg1OTA4NzA4NzY0.e92sewM3PTpGoEr6NEoXpvic34jqCUh55ryF7c3jUWIg.QQjXiKridntJGokQt_XIUE-nxxGe4Bt0TnWzqmXX4qAg.JPEG.ktcu_attic%2Fimage_998300421485908696742.jpg%3Ftype%3Dw966" data-attachment-id="IgSMOyWx-oclpVBEArRy2zQ1jJHI"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 프로젝트 제작화면</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>새 프로젝트가 생성되고 본격적인 앱 제작을 할 수 있는 화면이 나옵니다</span><span >.</span></p></div></div></div></div></div></div><p> </p><div class="se_component se_imageStrip imageStrip3 default "> <div class="se_sectionArea se_align-justify"> <div class="se_viewArea"> <div class="se_editArea"> <div class="se_imageStripView"> <div class="se_mediaArea"> <div class="se_imageStripArea" style="width: 19.7%;"><a class="__se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_6_img_0", "src" : "http://postfiles9.naver.net/MjAxNzAyMDFfMjI3/MDAxNDg1OTA4NzYzMTc3.dNmZ9zVD9bZznaOTlqW1mIWB1Aa2F70WHRk2Z5lrLN0g.F1E2xxUuEg3YiZI2QeLKXvdUBHPv9-IfuK9k4CX52gIg.JPEG.ktcu_attic/%ED%8C%94%EB%A0%88%ED%8A%B8.JPG"}'><img class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_6_img_0" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles9.naver.net%2FMjAxNzAyMDFfMjI3%2FMDAxNDg1OTA4NzYzMTc3.dNmZ9zVD9bZznaOTlqW1mIWB1Aa2F70WHRk2Z5lrLN0g.F1E2xxUuEg3YiZI2QeLKXvdUBHPv9-IfuK9k4CX52gIg.JPEG.ktcu_attic%2F%25ED%258C%2594%25EB%25A0%2588%25ED%258A%25B8.JPG%3Ftype%3Dw966" data-attachment-id="Iyp311aPrla-sDgfLIyFzshFM1KU"><u><font color="#000080"> </font></u></a></div> <div class="se_imageStripArea" style="width: 43.62%;"><a class="__se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_7_img_1", "src" : "http://postfiles13.naver.net/MjAxNzAyMDFfMTMg/MDAxNDg1OTA4ODAxMTY1.noQDqRJ83p7sTkXe9cn5UiVXlZdNWGemv_u-mkV8HNkg.HfniVqTc7wWVv1t1n0vNM1S886NEED4Fq9eJ1AYIOkEg.JPEG.ktcu_attic/image_8517690661485908786016.jpg"}'><img class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_7_img_1" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles13.naver.net%2FMjAxNzAyMDFfMTMg%2FMDAxNDg1OTA4ODAxMTY1.noQDqRJ83p7sTkXe9cn5UiVXlZdNWGemv_u-mkV8HNkg.HfniVqTc7wWVv1t1n0vNM1S886NEED4Fq9eJ1AYIOkEg.JPEG.ktcu_attic%2Fimage_8517690661485908786016.jpg%3Ftype%3Dw966" data-attachment-id="IGbQOOjvLnUD3FM3j93-nu5mqumk"><u><font color="#000080"> </font></u></a></div> <div class="se_imageStripArea" style="width: 36.67%;"><a class="__se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_8_img_2", "src" : "http://postfiles11.naver.net/MjAxNzAyMDFfMzQg/MDAxNDg1OTA4NzYzMTc3.z61g0VreBR_gV7XQsmJVAP0LDra8NBuTaYeeieDq3P4g.vmo_QawGFY4BiXJkUkxBAPLpf-BAQ4tKagJ3VVCMVO0g.JPEG.ktcu_attic/%EC%86%8D%EC%84%B1.JPG"}'><img class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_8_img_2" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles11.naver.net%2FMjAxNzAyMDFfMzQg%2FMDAxNDg1OTA4NzYzMTc3.z61g0VreBR_gV7XQsmJVAP0LDra8NBuTaYeeieDq3P4g.vmo_QawGFY4BiXJkUkxBAPLpf-BAQ4tKagJ3VVCMVO0g.JPEG.ktcu_attic%2F%25EC%2586%258D%25EC%2584%25B1.JPG%3Ftype%3Dw966" data-attachment-id="ILLavGX5dZ_pZnTw9Hh43Sqig8qk"><u><font color="#000080"> </font></u></a></div></div> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 화면 구성</span> </div></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>맨 왼쪽부터 앱 제작 도구들의 모음인 </span><span><b>팔레트</b></span><span ><b>(Palette),</b></span><span > </span><span>실제로 앱이 제작되는 화면인 </span><span><b>뷰어</b></span><span ><b>(Viewer)</b></span><span ><b>,</b></span><span > </span><span>해당 개체를 선택하는 </span><span><b>컴포넌트</b></span><span ><b>(Component)</b></span><span ><b>, </b></span><span>그리고 각 컴포넌트의 속성을 제어하는 </span><span><b>프라퍼티창</b></span><span ><b>(Properties)</b></span><span>으로 구성되어 있습니다</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="56" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_9_img", "src" : "http://postfiles2.naver.net/MjAxNzAyMDFfMjM1/MDAxNDg1OTA4ODQzMDY2.EghSGig-BHkVYT-7_C6khjpmseUGOCNjviokxY6fypUg.Nuna6-dxSlyn2fWzEj1gctpw8P7azxeYEGjrhgexyDQg.JPEG.ktcu_attic/Label%EC%9D%84_%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC_%ED%99%94%EB%A9%B4%EC%97%90_%EB%AC%B8%EC%9E%90_%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0.JPG", "linkUse" : "false","link" : ""}'><img width="714" height="533" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_9_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles2.naver.net%2FMjAxNzAyMDFfMjM1%2FMDAxNDg1OTA4ODQzMDY2.EghSGig-BHkVYT-7_C6khjpmseUGOCNjviokxY6fypUg.Nuna6-dxSlyn2fWzEj1gctpw8P7azxeYEGjrhgexyDQg.JPEG.ktcu_attic%2FLabel%25EC%259D%2584_%25EC%259D%25B4%25EC%259A%25A9%25ED%2595%2598%25EC%2597%25AC_%25ED%2599%2594%25EB%25A9%25B4%25EC%2597%2590_%25EB%25AC%25B8%25EC%259E%2590_%25EC%25B6%259C%25EB%25A0%25A5%25ED%2595%2598%25EA%25B8%25B0.JPG%3Ftype%3Dw966" data-attachment-id="IjAx0aa5rLfGU6YZptWid39Bwzl4"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ Label을 이용하여 화면에 문자 출력하기</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-left"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"></p></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>이제 스마트폰 화면에 '</span><span >hello world' </span><span>가 출력되는 아주 간단한 앱을 만들어 보겠습니다</span><span >.</span><br><span>팔레트에서 </span><span >Label(</span><span>글자를 표시하는 도구</span><span >)</span><span>을 </span><span>끌어 스마트폰 화면처럼 보이는 뷰어에 올려놓습니다</span><span >.</span></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="57" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_10_img", "src" : "http://postfiles12.naver.net/MjAxNzAyMDFfODYg/MDAxNDg1OTA4ODg0OTg4.5TfPq4FXtY4OsQJKlburDU4LGHytk7V7Hfda4xIdx_Mg.eY_LEhem6XIsfb01rP9OKt686_r2mXvxIm6ZMLqMNo8g.JPEG.ktcu_attic/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0_%ED%99%94%EB%A9%B4%EC%97%90_%EB%AC%B8%EC%9E%90%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0.JPG", "linkUse" : "false","link" : ""}'><img width="911" height="387" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_10_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles12.naver.net%2FMjAxNzAyMDFfODYg%2FMDAxNDg1OTA4ODg0OTg4.5TfPq4FXtY4OsQJKlburDU4LGHytk7V7Hfda4xIdx_Mg.eY_LEhem6XIsfb01rP9OKt686_r2mXvxIm6ZMLqMNo8g.JPEG.ktcu_attic%2F%25EC%258A%25A4%25EB%25A7%2588%25ED%258A%25B8%25ED%258F%25B0_%25ED%2599%2594%25EB%25A9%25B4%25EC%2597%2590_%25EB%25AC%25B8%25EC%259E%2590%25EC%25B6%259C%25EB%25A0%25A5%25ED%2595%2598%25EA%25B8%25B0.JPG%3Ftype%3Dw966" data-attachment-id="Iw1CvGvm-LZDB67-pu3G1no7YLlw"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 스마트폰 화면에 문자 출력하기 </span></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>속성 창에서 </span><span >Text</span><span>에 '</span><span >hello world'</span><span>를 입력하고 폰트 종류나 사이즈 등을 조절하여 문구를 수정해봅니다</span><span >.</span></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_11_img", "src" : "http://postfiles1.naver.net/MjAxNzAyMDFfMTAy/MDAxNDg1OTA4OTA4Mzk4.avWA7sHvzLOLctfH5ceU3j1v68tj-4EuJX-9q_ykr9Ag.EPIY5XLukIarV8MChpt62zz1K3BQxPsdU_MWlsTNcYAg.JPEG.ktcu_attic/QR_code_%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0_1.jpg", "linkUse" : "false","link" : ""}'><img width="655" height="177" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_11_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles1.naver.net%2FMjAxNzAyMDFfMTAy%2FMDAxNDg1OTA4OTA4Mzk4.avWA7sHvzLOLctfH5ceU3j1v68tj-4EuJX-9q_ykr9Ag.EPIY5XLukIarV8MChpt62zz1K3BQxPsdU_MWlsTNcYAg.JPEG.ktcu_attic%2FQR_code_%25EC%2583%259D%25EC%2584%25B1%25ED%2595%2598%25EA%25B8%25B0_1.jpg%3Ftype%3Dw966" data-attachment-id="Iu4ysEkvJZVhfL7WpXcm5P7XGs9E"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ QR code 생성하기</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>그러면 이제 내가 만든 앱을 휴대폰에 설치해볼까요</span><span >?</span><br><span>좌측 상단 메뉴</span><span>인 </span><span ><b>Build</b></span><span>에 첫 번째 옵션인 </span><span ><b>provide QR code for apk</b></span><span>를 선택합니다</span><span >. </span><span ><b>apk</b></span><span>는 안드로이드 앱의 확장자명입니다</span><span >. </span><span ><b>QR Code</b></span><span>는 </span><span >Quick Response</span><span>의 약자로 사진으로 데이터나 정보</span><span>를 전달할 수 있게 합니다</span><span >.</span><span > </span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_12_img", "src" : "http://postfiles16.naver.net/MjAxNzAyMDFfMTIg/MDAxNDg1OTA4OTQ4OTE3.kupdidUxd1eD2qFq4osD2T5dU2PJzduJPIauq3EWm3cg.K8xnJuzSUM4QHfy1LR3tPtXqs5QGsbGEY9Hg1z1w6O8g.JPEG.ktcu_attic/QR_Code_%EC%83%9D%EC%84%B1%EA%B3%BC%EC%A0%95.JPG", "linkUse" : "false","link" : ""}'><img width="1005" height="271" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_12_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles16.naver.net%2FMjAxNzAyMDFfMTIg%2FMDAxNDg1OTA4OTQ4OTE3.kupdidUxd1eD2qFq4osD2T5dU2PJzduJPIauq3EWm3cg.K8xnJuzSUM4QHfy1LR3tPtXqs5QGsbGEY9Hg1z1w6O8g.JPEG.ktcu_attic%2FQR_Code_%25EC%2583%259D%25EC%2584%25B1%25EA%25B3%25BC%25EC%25A0%2595.JPG%3Ftype%3Dw966" data-attachment-id="Iuh0HYHEUd32REv8ryy3xgjs75Iw"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ QR Code 생성과정</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span >apk </span><span>진행 과정이 이렇게 화면에 보이고</span><span >, </span><span>생성이 완료되면 </span><span >QR Code</span><span>가 보입니다</span><span >. </span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-center"> <div class="se_editArea"> <div class="se_viewArea" style="max-width: 264px;"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_13_img", "src" : "http://postfiles14.naver.net/MjAxNzAyMDFfODAg/MDAxNDg1OTA4OTc4OTY4.LNyOPYnCvaJAmIL_90EQR1tfrVLp329njNVxPj4m2OAg.fP60k5vrm8Gea4fwWwgWYPLZUzO2HkuooXXpINEIKegg.JPEG.ktcu_attic/%EC%83%9D%EC%84%B1%EB%90%9C_QR_Code.JPG", "linkUse" : "false","link" : ""}'><img width="264" height="308" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_13_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles14.naver.net%2FMjAxNzAyMDFfODAg%2FMDAxNDg1OTA4OTc4OTY4.LNyOPYnCvaJAmIL_90EQR1tfrVLp329njNVxPj4m2OAg.fP60k5vrm8Gea4fwWwgWYPLZUzO2HkuooXXpINEIKegg.JPEG.ktcu_attic%2F%25EC%2583%259D%25EC%2584%25B1%25EB%2590%259C_QR_Code.JPG%3Ftype%3Dw966" data-attachment-id="IyaMvUGBIKlevZjh1wKJoPJ1BHRA"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 생성된 QR Code</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>스마트폰의 </span><span >QR code </span><span>인식 앱이나 네이버의 </span><span >QR code </span><span>인식기를 이용하여 카메라를 생성된 </span><span >QR code</span><span>에 갖다 대면 아래와 같이 스마트폰에 자동으로 저장됩니다</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_imageStrip imageStrip2 default "> <div class="se_sectionArea se_align-justify"> <div class="se_viewArea"> <div class="se_editArea"> <div class="se_imageStripView"> <div class="se_mediaArea"> <div class="se_imageStripArea" style="width: 57.19%;"><a class="__se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_14_img_0", "src" : "http://postfiles7.naver.net/MjAxNzAyMDFfODgg/MDAxNDg1OTA5MDE0NDc4.nrqwRhu2OkgyOuq4A5g1kYZ3Smb7Y4EPuETFXIuwi4Eg.jNrprBrd3yHKm_HnZ8R-0Xs88_z4ax7xag2ohfA4um0g.JPEG.ktcu_attic/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0%EC%97%90_%EC%A0%80%EC%9E%A5%EB%90%9C_%EC%95%B1.jpg"}'><img class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_14_img_0" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles7.naver.net%2FMjAxNzAyMDFfODgg%2FMDAxNDg1OTA5MDE0NDc4.nrqwRhu2OkgyOuq4A5g1kYZ3Smb7Y4EPuETFXIuwi4Eg.jNrprBrd3yHKm_HnZ8R-0Xs88_z4ax7xag2ohfA4um0g.JPEG.ktcu_attic%2F%25EC%258A%25A4%25EB%25A7%2588%25ED%258A%25B8%25ED%258F%25B0%25EC%2597%2590_%25EC%25A0%2580%25EC%259E%25A5%25EB%2590%259C_%25EC%2595%25B1.jpg%3Ftype%3Dw966" data-attachment-id="IbIRfq3Ol5cetc6kPqC2dZa-JBGE"><u><font color="#000080"> </font></u></a></div> <div class="se_imageStripArea" style="width: 42.8%;"><a class="__se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_15_img_1", "src" : "http://postfiles1.naver.net/MjAxNzAyMDFfODMg/MDAxNDg1OTA5MDE0NDc3.2EdFhp5m2AYLe7bF7Sx7f1xmceMSYDqEtK7hhL72HHUg.8PbaUF3vjCWNpvmuEDN3njCTYbIqWFer_5YxZ1JGzXkg.JPEG.ktcu_attic/%EC%83%9D%EC%84%B1%EB%90%9C_%EC%95%B1_%EC%95%84%EC%9D%B4%EC%BD%98.jpg"}'><img class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_15_img_1" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles1.naver.net%2FMjAxNzAyMDFfODMg%2FMDAxNDg1OTA5MDE0NDc3.2EdFhp5m2AYLe7bF7Sx7f1xmceMSYDqEtK7hhL72HHUg.8PbaUF3vjCWNpvmuEDN3njCTYbIqWFer_5YxZ1JGzXkg.JPEG.ktcu_attic%2F%25EC%2583%259D%25EC%2584%25B1%25EB%2590%259C_%25EC%2595%25B1_%25EC%2595%2584%25EC%259D%25B4%25EC%25BD%2598.jpg%3Ftype%3Dw966" data-attachment-id="Ilcyiupf5q8D0JfIVbFyxeNZZKik"><u><font color="#000080"> </font></u></a></div></div> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 스마트폰에 저장된 앱(좌) / 스마트폰에 생성된 앱 아이콘(우)</span> </div></div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>저장 완료된 파일을 실행하면 내가 만든 앱이 설치되며 스마트폰 화면에 아이콘이 생성됩니다</span><span >. </span><span>앱</span><span >(young)</span><span>을 실행하면 인벤터 화면에서 봤던 그대로 스마트폰에도 보이게 됩니다</span><span >.</span><br></p></div></div></div></div></div></div><p> </p><div class="se_component se_image default"> <div class="se_sectionArea se_align-justify"> <div class="se_editArea"> <div class="se_viewArea"><a class="se_mediaArea __se_image_link __se_link" href="http://blog.naver.com/PostList.nhn?blogId=ktcu_attic&categoryNo=39&skinType=&skinId=&from=menu&userSelectMenu=true#" _cssquery_uid="58" data-linktype="img" data-linkdata='{"imgId" : "SEDOC-1485995363472-2100486153_image_16_img", "src" : "http://postfiles7.naver.net/MjAxNzAyMDFfMTE2/MDAxNDg1OTA5MzAxMzEx.7y-YS0mI0lztR8YUBdoVWlX-KmwWPQqlHEnnA4tHJiYg.ic0fGU8Gx-_P0zUJ4aFT4mc9FclGz9HHmuCOjBi3dVEg.JPEG.ktcu_attic/%EC%BA%A1%EC%B3%901.jpg", "linkUse" : "false","link" : ""}'><img width="547" height="632" class="se_mediaImage __se_img_el" id="SEDOC-1485995363472-2100486153_image_16_img" alt="" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpostfiles7.naver.net%2FMjAxNzAyMDFfMTE2%2FMDAxNDg1OTA5MzAxMzEx.7y-YS0mI0lztR8YUBdoVWlX-KmwWPQqlHEnnA4tHJiYg.ic0fGU8Gx-_P0zUJ4aFT4mc9FclGz9HHmuCOjBi3dVEg.JPEG.ktcu_attic%2F%25EC%25BA%25A1%25EC%25B3%25901.jpg%3Ftype%3Dw966" data-attachment-id="I4nXM_OnJ8c0VV7GUw4jrP50pbrA"><u><font color="#000080"> </font></u></a> <div class="se_editView"> <div class="se_textView se_mediaCaption"><span class="se_textarea">▲ 앱 실행화면</span> </div></div></div></div></div></div><p> </p><div class="se_component se_paragraph default"> <div class="se_sectionArea"> <div class="se_editArea"> <div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-justify"> <div class="se_editView"> <div class="se_textView"> <p class="se_textarea"><span>어떤가요</span><span >? </span><span>앱을 만드는 것이 생각보다 어렵지 않죠</span><span >? </span><span>이 모든 것이 블록형 코딩 인벤터</span><span>가 있었기에 </span><span>가능한 작업입니다</span><span >. </span><span>물론 더 다양한 고급기능을 구현하기 위해서는 자바와 </span><span >HTML</span><span>을 알아야 하지만 </span><span>이 정도만으로도</span><span > </span><span>학생들에게 앱 제작에 대한 흥미를 불러일으키고 프로그래밍 알고리즘을 익히는 데 큰 도움이 </span><span>됩니다</span><span >.</span><span > </span><br>  <br><span>또한</span><span >,</span><span > </span><span>프로그래밍을 잘 몰라도 논리적인 사고만 있으면 </span><span>일상</span><span>생활에 필요한 간단한 앱을 손쉽게 만들 수 있습니다</span><span >. </span><span>교실에서도 스마트폰이나 태블릿 </span><span >PC</span><span>가 있고 </span><span>인터넷만 연결되어 있으면 언제든 학급과 학생에게 필요한 알림장</span><span >, </span><span>출석체크</span><span >, </span><span>식단표 같은 앱을 만들 수 있습니다</span><span >. </span><span>자신이 만든 앱을 인벤터에 공개하면 자신의 솜씨를 뽐낼 수 있을 뿐 아니라 전 세계 앱 개발자들의 피드백</span><span>도</span><span > </span><span>받을 수 있어 프로그램 개발자의 꿈을 끼우는 학생들에게 많은 도움이 됩니다</span><span >.</span><br><span><br></span><span>자</span><span >, </span><span>지금 당장 스마트폰과 인벤터로 자신만의 앱을 제작하고 </span><span>싶지 않나요</span><span >?</span><span > </span><br></p></div></div></div></div></div></div>