앱 인벤터, 상상을 현실로 만드는 프로젝트(입문편) (무료 동영상 강좌 제공)

이준혁

전공이경영/회계였으나프로그래밍이너무좋아프로그래머가되었다.메이커관련인터넷강의(bit.ly/2KRvofB)를제작하기도했으며,전세계에재미있고신기한메이커프로젝트를소개하는페이스북블로그(fb.com/neosarchizo.blog)를운영중이다.덕분에프로그램을잘모르는어린이들이나일반인들을위해친절하고재미있게잘가르치는소질이생겼다.현재는회사를나온뒤'새로운시작'이라는이름의개인사업을하고있다.개인사업을통해다양한하드웨어와소프트웨어를개발하고있는데,예로스마트폰으로전동책상을제어할수있도록하는블루투스모듈,미세먼지측정기등을만들었다.

PART01-앱인벤터소개
-앱인벤터의탄생
-스크래치
-안드로이드
-쉬어가는페이지(앱인벤터로할수있는것들)

PART02-앱인벤터준비하기
-앱인벤터준비하기
-WiFi를이용해앱인벤터연결하기
-USB를이용해앱인벤터연결하기
-에뮬레이터연결하기
-쉬어가는페이지(앱인벤터에도움되는사이트들)

PART03-앱인벤터살펴보기
-디자이너
-블록
-쉬어가는페이지(저장하기와체크포인트)

PART04-버튼이눌리면야옹!글자가뿅!
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(앱설치하기)

PART05-버튼눌러글자바꾸기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(글자이쁘게꾸미기)

PART06-원하는글자입력하기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(텍스트박스의다양한기능)

PART07-버튼에고양이사진넣기
-컴포넌트추가하기
-쉬어가는페이지(이미지컴포넌트사용하기)

PART08-버튼이눌리면야옹!소리내고진동하기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(다양한소리와효과음얻기)

PART09-폰을마구마구흔들어!
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(다양한센서살펴보기)

PART10-그림판만들기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(그림그리기앱들)

PART11-선굵기바꾸기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(그림저장하기)

PART12-선색바꾸기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(모든버튼사용하기)

PART13-배경이미지추가하기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(배경이미지도지우기)

PART14-사진을찍어배경으로사용하기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(스마트폰사진불러오기)

PART15-로켓을기울여움직이기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(스프라이트이미지얻기)

PART16-펄럭펄럭움직이는새
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(애니메이션블록분리하기)

PART17-통!통!공튕기기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(아이콘만들기)

PART18-화면바꾸기
-컴포넌트추가하기
-블록코딩하기
-쉬어가는페이지(다른스크린에정보전달하기)

*장별요약
PART01-앱인벤터소개
앱인벤터가어떻게만들어지게됐고,어떤특징을가지고있는지살펴봅니다.그리고앱인벤터를시작하기전에도움이될수있는스크래치와안드로이드에대해알아봅니다.또한앱인벤터로할수있는프로젝트들에대해간단히소개합니다.

PART02-앱인벤터준비하기
앱인벤터를이용하기위해필요한것들을살펴봅니다.앱인벤터안드로이드앱을설치하는방법과PC에서앱인벤터로프로그래밍을하기위해준비해야할것들을소개합니다.그리고새로운프로젝트를만들고,언어를한글로설정하는방법도소개합니다.마지막으로앱인벤터와안드로이드기기또는에뮬레이터와연결하는것을해봅니다.

PART03-앱인벤터살펴보기
앱인벤터의구성요소인디자이너와블록에대해살펴봅니다.먼저,디자이너에서볼수있는다양한컴포넌트들에는뭐가있는지소개합니다.이렇게추가한컴포넌트들이실제로동작할수있도록해주는블록에는어떤것이있는지살펴봅니다.마지막으로앱인벤터의저장하기와체크포인트기능에대해알아봅니다.

PART04-버튼이눌리면야옹!글자가뿅!
버튼과알림컴포넌트를사용해봅니다.이버튼과알림을활용해버튼을눌렀을때화면에글자가표시되도록만들어봅니다.또한앱인벤터로만든프로젝트를앱으로만들어서QR코드나APK파일로공유하는방법도살펴봅니다.

PART05-버튼눌러글자바꾸기
원하는텍스트를표시할수있는레이블컴포넌트를사용해봅니다.레이블을배치해서원하는텍스트를표시하고,버튼을눌러레이블의텍스트를바꾸는작업을해봅니다.또한레이블에글자를이쁘게꾸미는방법도알아봅니다.

PART06-원하는글자입력하기
원하는텍스트를입력할수있는텍스트박스컴포넌트를사용해봅니다.텍스트박스를배치해서원하는텍스트를입력하고,버튼을눌러텍스트박스에입력한텍스트를기존에추가한레이블의텍스트로설정해봅니다.또한텍스트박스의다양한기능들에대해살펴봅니다.

PART07-버튼에고양이사진넣기
버튼에고양이사진이표시되도록설정해봅니다.이를위해이미지파일을어떻게업로드하고설정하는지알아봅니다.또한사진이나그림을표시할수있는이미지컴포넌트에대해서도살펴봅니다.이미지컴포넌트의각속성에대해서도알아봅니다.

PART08-버튼이눌리면야옹!소리내고진동하기
앱에서소리를낼수있게해주는소리컴포넌트를사용해봅니다.기존에추가한버튼을누르면고양이소리가나도록만들어봅니다.또한소리가나는동시에진동도나도록만들어봅니다.그리고소리컴포넌트에사용할수있는다양한효과음을얻는방법도살펴봅니다.

PART09-폰을마구마구흔들어!
스마트폰이움직였는지확인할수있는가속도센서를사용해봅니다.이가속도센서를이용해스마트폰을흔들었을때고양이소리가나도록만들어봅니다.또한가속도센서를활용해서만든재밌는앱인벤터앱들을살펴봅니다.

PART10-그림판만들기
그림을그릴수있는캔버스를사용해봅니다.캔버스를활용해서손가락을드래그해서선을그릴수있도록만들어봅니다.또한우리가그림그리기앱을만들때참고하기위해다양한그림그리기앱들을살펴봅니다.

PART11-선굵기바꾸기
드래그해서값을바꿀수있는슬라이더를사용해봅니다.이슬라이더를이용해서캔버스에서그려지는선의굵기를다르게설정해봅니다.또한캔버스에그린그림을파일로저장하는방법을살펴봅니다.

PART12-선색바꾸기
버튼색에맞춰서캔버스의선색을바꾸는것을해봅니다.예로들어빨간버튼을누르면빨강색,파란버튼을누르면파랑색으로선색이바뀌도록만듭니다.또한하나의블록으로모든버튼을제어할수있는모든버튼블록에대해살펴봅니다.

PART13-배경이미지추가하기
캔버스에배경이미지를추가하는것을해봅니다.예로색칠공부를할수있는이미지를추가해봅니다.그리고가속도센서를이용해서스마트폰을흔들면캔버스에그린것들을지우게만들어봅니다.또한배경이미지를아예없애는것도해봅니다.

PART14-사진을찍어배경으로사용하기
카메라로사진을찍은뒤그사진을캔버스에배경으로설정하는것을해봅니다.또한이미지선택버튼을이용해서스마트폰의사진을불러와배경으로설정하는것도해봅니다.

PART15-로켓을기울여움직이기
캔버스와스프라이트를이용해게임처럼로켓을움직이는앱을만들어봅니다.또한게임을만들때필요한스프라이트이미지를많이사용하는데,이스프라이트이미지를무료로얻을수있는사이트를소개합니다.

PART16-펄럭펄럭움직이는새
복수의이미지를이용해서스프라이트로애니메이션을만들어봅니다.바로새이미지를이용해새가날갯짓을하는것처럼구현합니다.그리고애니메이션부분과움직이는부분을분리하는것을해봅니다.

PART17-통!통!공튕기기
공을추가해서손가락으로공을튕길수있도록만들어봅니다.바로손가락으로튕긴방향으로공이움직이고모서리에부딪치면튕기도록만들어봅니다.또한앱인벤터로만든앱의아이콘을위해웹브라우저에서아이콘을제작하는방법에대해알아봅니다.

PART18-화면바꾸기
앱인벤터의화면을바꿀수있는스크린에대해알아봅니다.스크린3개를준비해서순서대로스크린이바뀔수있도록만들어봅니다.또한스크린에서다른스크린으로바뀔때원하는정보를전달하는방법에대해알아봅니다.