꾸숑의 IT 월드

이번 시간에는 저번 강좌에서 이어지는 강좌로 OpenAI GPT를 이용한 음성인식 챗봇을 만들어 보겠다. 음성인식을 위해서는 음성인식 컴포넌트와 음성변환 컴포넌트가 필요하다. 디자이너 에디터의 팔레트창에서 미디어부를 열어 음성인식 컴포넌트와 음성변환 컴포넌트를 뷰어 창에 투척하자. 두 컴포넌트 모두 보이지 않는 컴포넌트라서 뷰어창에 투척해야 하단부에 나타난다. 블록에디터 창으로 가서 각각의 블록들을 배치한다. 이번 강좌에서는 음성인식을 이용하는 것이므로 음성인식 컴포넌트와 음성변환 컴포넌트들이 중점적으로 사용될 것이다. '언제 음성인식1.텍스트 가져온 후에' 이벤트 블록안에 지난 7강에서 사용했던 OpenAI 블록들을 그대로 사용한다. 7강에서는 '전송' 버튼을 사용했고 이번 8강에서는 '음성인식' 컴포..

OpenAI에서 ChatGPT를 발표한지 8개월여가 지났는데 그동안 ChatGPT를 이용한 수많은 앱과 프로그램들이 나왔다. 이제 앱인벤터2에서도 ChatGPT와 비슷한 앱을 만들 수 있게 되었는데 이번 시간에는 OpenAI GPT를 이용한 챗봇 만들기를 해 보겠다. 앱인벤터2로 AI 챗봇을 만들기 위해서는 사전작업이 몇가지 필요하다. 먼저 OpenAI의 API Key를 받아 두어야 하는 것과 앱인벤터2에서 사용하는 OpenAI 확장 프로그램을 다운받아 두어야 한다는 것이다. 먼저 OpenAI의 API Key를 다운받는 방법을 알아보자. https://platform.openai.com/account/api-keys에 접속해서 회원가입과 몇가지 요구하는 절차를 밟는다. 그리고 아래 그림과 같이 보이는 페..

앱인벤터2에서 제공하는 DB에는 4가지 종류가 있다. 그중 가장 쉽게 이용할 수 있는 타이니 DB에 대해 알아보자. 타이니 DB는 외부의 DB를 이용하는 것이 아니라 앱인벤터2에서 제공하는 자체 DB이기 때문에 사용법만 조금 익히면 누구나 쉽게 사용할 수 있다. 팔레트 뷰에서 '저장소' 항목을 클릭해 '타이니 DB'를 스마트폰 화면 가운데 가져가 둔다. 화면 가운데 가져다 두어야 '보이지 않은 컴포넌트'에 나타나지 화면 바깥에 가져다 두면 '보이지 않는 '컴포넌트'에는 나타나지 않으니 주의 해야 한다. 컴포넌트를 수평으로 배치하는 방법은 지난 시간에 했으므로 참고하기 바라고 이번시간에 이용할 것은 '텍스트 박스'이다. 첫번째 줄에는 '레이아웃' 안의 '수평배치' 컴포넌트를 가져가 두고 그 안에 '레이블'..

이번 시간에는 앱인벤터를 사용하면서 어쩌면 가장 많이 사용하는 기능인 시계(clock)에 대해서 알아보도록 하겠다. 먼저 팔레트 뷰에 가서 센서항목을 클릭한 후 시계를 스마트폰 화면 가운데에 가져다 놓는다. 스마트폰 바깥에 시계를 놓으면 보이지 않는 컴포넌트 부분에 나타나지 않으므로 꼭 화면 가운데에 가져다 두어야 한다. 두개의 기능을 시험을 해 보기 위해서 두개의 시계가 필요하므로 두개를 가져다 둔다. 그리고 시계의 타이머 간격을 500으로 둔다. 0.5초를 의미한다. 1초는 좀 느리게 움직이는 감이 있고 0.5초 이하는 너무 빠른 느낌이 있다. 이번 강좌에서는 버튼을 클릭하면 공이 위로 움직이는 기능과 또 다른 버튼을 클릭하면 이미지 스프라이트의 그림이 변하는 기능을 구현해 보려고 한다. 팔레트의 '..

앱인벤터2의 그리기 & 애니메이션 항목에는 공, 캔버스, 이미지 스프라이트등 3개의 컴포넌트가 준비되어 있다. 공과 이미지 스프라이트는 캔버스 위에 배치되는 소품 정도로 이해하면 되고 가장 중요한 것은 캔버스이다. 캔버스는 그림을 그리는 이젤 정도로 생각하면 가장 이해하기 쉬울 것이다. 이제 캔버스에 그림도 그려보고 글자를 써 보는 등 캔버스를 어떻게 사용하는지 그 방법을 알아보자. 먼저 다음과 같이 디자이너 에디터를 구성한다. 화면 상단에 수평배치 레이아웃을 배치하고 그 안에 버튼 세개를 가져다 둔다. 화면 중간에는 팔레트에서 '그리기 & 애니메이션' 항목에 들어가 캔버스 하나를 끌어다 둔다. 캔버스 아래에도 수평배치 레이아웃을 하나 배치하고 그 안에 버튼 세개를 넣는다. 마지막으로 화면 하단부에는 캔..

이번 시간에는 사람의 음성을 인식해서 모르는 영어 단어를 쉽게 찾아주는 앱을 만들어 보자. 또 얀덱스 번역 컴포넌트를 이용해 검색된 결과를 한글로 표시하고 말로 들려주는 것 까지 만들어 볼 것이다. 먼저 다음과 같은 디자이너 에디터를 구성한다. '음성 인식'과 '다시 듣기' 두개의 버튼을 준비하고 나머지는 전부 레이블을 이용해 디자이너 화면을 구성한다. 또한 보이지 않는 컴포넌트로 '음성인식', '음성변환', '얀덱스 번역'등 3개의 컴포넌트도 필요하다. 음성 인식 버튼을 클릭하면 음성 인식 컴포넌트에서 음성을 인식하고 그에 해당하는 텍스트를 가져온다. 그러면 가져온 텍스트를 '영어 단어 레이블'에 표시하고 음성변환 컴포넌트는 소리를 들려준다. '호출 얀덱스 번역1. 번역요청하기' 세부블록을 보면 'en..

앱인벤터2에는 인공지능을 이용할 수 있는 확장 기능이 있어 여러가지 인공지능 앱을 만들어 볼 수 있다. 이번 시간에는 앱인벤터2 인공지능 만들기 1 시간으로 여러 확장기능중 사물 인식 기능이 있는 LookExtension을 import해 보고 앱인벤터2에 적용하는 방법을 알아보자. 앱인벤터2에서 새로운 프로젝트를 하나 시작한다. '도움말'에 들어가서 '확장기능'을 선택한다. 그러면 'MIT App Inventor Extensions'페이지로 들어간다. 여기에는 앱인벤터에서 제공하는 여러가지 '확장기능'이 있다. 이 중에서 'LookExtension.aix' 파일을 클릭해 보자. 그러면 'LookExtension.aix' 파일이 사용자의 컴퓨터 다운로드 디렉토리에 다운이 될 것이다. 팔레트에서 '확장기능'..

이번 시간에는 이미지 선택 버튼의 사용법에 대해서 알아보고 작성한 앱을 직접 실행해 어떻게 적용되는지 알아보자. 먼저 다음과 같이 디자이너 에디터를 구성한다. 미디어 섹션에서 이미지 선택 버튼(imagePicker)을 드래그해 화면 상단에 배치하자. 레이블 하나는 이미지 선택버튼이 제대로 작동하는지를 알아보기 위해 텍스트를 보여 줄 것이다. 다음으로 '그리기 & 애니메이션'에서 '캔버스'를 하나 꺼내서 화면 하단부에 배치하고 높이와 너비를 '부모 요소에 맞추기'로 설정한다. 이미지 선택버튼의 이벤트 블록안에 이미지1 컴포넌트의 '지정하기 이미지1. 사진 값' 블록을 끼워넣자. 이미지 선택 버튼의 세부 블록을 보면 'imagePicker1. 선택된 항목' 블록이 있다. 이 블록을 이미지1 컴포넌트의 '지정..

앱인벤터2에는 미디어섹션에 캠코더를 비롯한 카메라, 녹음기, 비디오 플레이어등 미디어에 관련된 여러가지 컴포넌트들이 준비되어 있다. 시간나는 대로 캠코더 부터 시작해 하나하나 강좌를 준비해 보도록 하겠다. 이번 시간에는 '캠코더의 사용법' 시간으로 캠코더로 동영상을 촬영하고 재생하는 것 까지 배워보도록 하자. 먼저 다음과 같이 디자이너 에디터를 준비하자. 상단에 버튼 두개 배치해서 '녹음 시작'과 '재생'이라고 글자를 입력하자. 버튼의 이름도 'start', 'replay'등으로 변경시켜 준다. 하단부에는 '비디오 플레이어'를 끌어다 두고 비디오 플레이어가 하단부 전체를 차지하도록 크기도 조정한다. 높이와 너비를 '부모 요소에 맞추기'로 설정하면 된다. '캠코더' 컴포넌트는 화면에 직접 나타나는 요소가 ..

앱인벤터로 앱을 .여러개 만들다 보면 어느 순간 숫자 정렬에 관한 문제에 마주치게 된다. 점수를 계산한다든지, 돈을 누가 많이 내야 하는지 등등 여러가지 상황에서 숫자를 정렬해야 하는 문제에 마주치게 되는 것이다. 오름차순으로 정렬하건, 내림차순으로 정렬하건 상관없이 숫자를 정렬해야 하는 문제에 마주치게 되면 골머리를 썩히게 된다. 숫자정렬(sorting)에 관한 문제는 앱인벤터 뿐만 아니라 다른 랭귀지에서도 중요한 문제로 부각되는데 이는 정렬 알고리즘이라는 한 부분의 챕터가 마련되어 있을 정도로 중요한 파트이기 때문이다. 주요 정렬 방법론으로는 비교정렬, 제자리 정렬, 온라인 정렬등 3가지 방법론이 존재하는데 각 방법론 마다 따로 저명한 정렬 알고리즘이 존재한다. 일반 스크립트 코딩에서는 반복문이나 루..

6.설정아이콘의 사용법 앱인벤터 블록들을 보면 블록 좌측 상단에 ☸모양의 파란색 설정 아이콘이 있다. 이 아이콘은 블록의 항목을 더 추가할 수 있도록 하는 아이콘이다. 공통 블록안에 있는 각 세부 블록들은 위의 설정 아이콘을 가지고 있는 것들이 여러개 있다. 이 블록들은 필요에 따라 블록의 인수나 항목을 더 추가해 줄 수 있는 것이다. 설정 아이콘을 클릭하면 항목을 더 추가할 수 있는 도구가 열린다. 필요한 만큼 항목을 더 추가한다. 문자열 또한 얼마든지 더 추가할 수 있다. 7.블록 정리하기 앱인벤터의 단점이 코딩이 길어지다 보면 각각의 블록들이 여기저기 흩어져 있어서 화면이 산만해지기 일쑤라는 것이다. 이때 각 블록들을 보기 좋게 정리해 주는 기능이 있다. '가로로 배열하기', '세로로 배열하기', ..

웹뷰어는 앱인벤터로 인터넷을 연결할 수 있게 해 주는 컴포넌트이다. 코딩을 어떻게 하느냐에 따라 앱을 켜자마자 인터넷에 연결되게 할 수 도 있고 버튼을 클릭하면 연결되게 할 수도 있다. 이번 강좌에서는 버튼을 누르면 해당하는 인터넷 사이트에 연결되게 하는 앱을 만들어 보자. 사용자 인터페이스에서 웹뷰어 컴포넌트를 끌어내 화면중앙에 가져다 놓는다. 그리고 하단에 수평배치 레이아웃을 하나 가져다 두고 그 안에 버튼과 레이블을 배치한다. 버튼에는 연결하기 원하는 홈페이지의 이름을 적어준다. 앱을 켜자 마자 인터넷에 연결되게 하려면 컴포넌트창의 웹뷰어1의 속성 중 '홈 URL'에 해당 인터넷의 URL을 적어주면 된다. 앱이 시동될 때 바로 인터넷에 연결되게 하고 싶으면 위의 첫 블록처럼 '언제 Screen1. ..

이번 시간은 앱인벤터2 왕초보 강좌 14번째 시간으로 시간 선택버튼(TimePicker)의 사용법에 대해서 알아보겠다. 시간 선택 버튼을 클릭하고 원하는 시간을 셋팅하면 개발자가 원하는 부분에 그 시간이 표시되는 앱을 만들어 보자. 다음 그림과 같이 디자이너 에디터 화면을 구성한다. 사용자 인터페이스에서 '날짜 선택 버튼'을 끌어다 뷰어 창의 핸드폰 화면 중앙에 놓는다. 그리고 '시간 선택 버튼' 아래에다 레이아웃 항목안에 있는 수평배치 블록을 세개 끌어다 놓는다. 그리고 수평배치 블록 안에 레이블을 끼워 넣어서 위와 같은 배치를 만든다. 레이블들의 이름을 보면 '시_레이블'과 '분_레이블'이 있다. 검은선 위아래의 시, 분 레이블의 이름을 1, 2로 구분 했다. 수평 배치 레이아웃과 수직 배치 레이아웃..

스위치는 말그대로 전기를 켜고 꺼듯이 On과 Off 의 두가지 상태를 나타내는 것이다. 이 두가지의 상태에 따라 각각의 용도와 내용을 설정하고 이용할 수 있다. 우리가 스위치를 가장 많이 보는 것이 계약서의 동의를 구하는 칸일 것이다. 처음에는 Off 상태에 있다가 동의 한다는 표시로 스위치를 클릭하면 On 상태가 되면서 녹색으로 색깔이 변하는 것을 많이 보았을 것이다. 이번 시간에는 스위치의 사용법에 대해 자세히 알아보자. 먼저 다음 그림과 같은 디자이너 화면을 구성하자. 이번 앱은 우리가 많이 보는 계약서의 동의를 요구하는 상황을 가정해 보고 스위치의 상태를 하단에 글자로 나타낼 것이다. 사용자 인터페이스에서 스위치를 드래그 드랍방식으로 스마트폰 중앙에 배치한다. 레이블들을 위아래에 두어서 스위치의 ..

스피너(Spinner)란 사용자가 여러 선택지 중 하나를 고르게 하고 싶을 때 사용하는 컴포넌트이다. 다른 환경에서는 주로 ComboBox라고 불려진다. 이번 시간에는 스피너의 요소 중 하나를 선택하고 그 요소들에 따르는 몇가지 리스트를 버튼에 의해서 옮겨보는 앱을 만들 것이다. 그렇게 함으로써 스피너가 무엇이지 어떻게 사용하는지에 대해 알게 될 것이다. 먼저 아래 디자이너와 같은 화면을 구성한다. 사용자 인터페이스에서 스피너를 끄집어 내서 화면 중간에 배치한다. 레이블로 스피너의 위치를 조정해 주고 레이블 하나는 textView로 이름을 변경해서 글자가 나타나도록 할 것이다. 하단부에는 버튼을 두개 배치해서 버튼으로 글자들을 변경할 수 있도록 한다. 레이아웃과 버튼의 이미지를 설정하는 방법들은 강좌 앞..

이번 시간에는 슬라이더란 것이 무엇인지, 어디에 사용되는지, 어떻게 사용하는지에 대해 알아보겠다. 슬라이더는 게임창의 상단에서 시간이 줄어드는 것을 보여주든지, 또는 에너지가 얼마나 남아있는지 등의 시각적인 용도로 사용하는 컴포넌트이다. 이번 시간에는 버튼을 클릭하면 상단에 배치한 슬라이더가 슬라이딩 하는 상황을 연출해 보겠다. 화면 상단에 슬라이더를 배치하고 그 아래 버튼을 두어서 버튼을 클릭하면 슬라이더가 움직이는 앱을 만들 것이다. 슬라이더의 속성창에 너비, 최대값, 최소값등을 입력하자. 섬네일 위치란 처음 슬라이더가 화면에 나타날때 슬라이더의 중간 막대기가 어디에 위치하는가를 말한다. 시계를 하나 배치한다. 시계는 보이지 않는 컴포넌트이기 때문에 스마트폰 화면 아래에 나타날 것이다. 시계의 속성창..

이번 시간에는 암호 텍스트 박스에 대해서 알아보는 시간이다. 그러나 '암호 텍스트 박스'와 '텍스트 박스'가 상당부분 비슷하기 때문에 두개를 동시에 공부해 보는 시간을 가지겠다. 암호 텍스트 박스가 가장 많이 쓰이는 곳이 바로 로그인 화면인데 로그인 화면을 구성해 보고 간단한 실행 상황을 알아보도록 하자. 암호 텍스트 박스 안에는 글자가 ******* 처럼 암호화 되서 표시 되기 때문에 암호가 유출 될 위험성이 낮아진다. 스마트폰 화면에수평배치 레이아웃과 수직배치 레이아웃 그리고 버튼을 하나 적절히 배치해서 위의 그림과 같은 레이아웃을 만든다. 그리고 텍스트 박스와 암호 텍스트 박스를 위 아래에 나란히 배치해서 로그인 화면을 만든다. 알림 컴포넌트도 하나 배치해서 로그인이 실패했을 때 알림창을 띄우도록 ..

이번 시간에는 앱에서 알림 경고, 메시지, 선택 대화창 보이기등을 보여주는 알림(Notifier) 컴포넌트의 사용법에 대해서 알아보겠다. 먼저 디자이너 에디터의 화면을 다음과 같이 구성한다. 알림(Notifier) 컴포넌트의 사용법을 알아보기 위해 두개의 버튼을 사용한다. 첫번째 버튼은 일반적인 알림 설정에 대한 방법을 알아보기 위한 버튼이고 두번째 버튼은 앱을 종료할때 선택 대화창을 띄워 종료가 확실한지 물어보는 대화창을 띄워 볼 것이다. 두개의 버튼을 화면 가운데에 배치하고 위아래로 레이블을 두어서 버튼의 위치를 조정한다. 그리고 알림 컴포넌트를 화면가운데에 배치한다. 그러면 알림 컴포넌트는 보이지 않는 컴포넌트이기 때문에 Screen1 화면 아래쪽에 위치 할 것이다. 이제 블록 에디터에서 작업을 이..

앱인벤터2에서 목록 선택 버튼과 목록뷰는 비슷한 기능을 하는 컴포넌트들이다. 둘의 차이점을 들자면 목록 선택 버튼은 이것도 하나의 버튼이기 때문에 이 버튼을 눌러야 이벤트가 발생하는 이벤트성 컴포넌트란 것이고 목록뷰는 화면에 처음부터 목록이 표시되고 이 목록중 하나를 선택하면 다음 이벤트가 일어나는 구조이다. 즉 초기 화면이 복잡해서 리스트를 띄우면 화면이 지저분해 지거나 복잡해 질때는 목록 선택 버튼을 사용하면 좋고 처음부터 화면에 리스트가 나타나는 것이 좋을 때는 목록뷰를 사용하면 좋다는 것이다. 다음과 같이 화면에 목록뷰를 배치하고 레이블을 위아래로 두어서 목록뷰의 위치를 조정한다. 목록뷰는 화면에 바로 리스트가 표시된다. 리스트의 성분은 우측 리스트뷰의 속성에 이름을 적어 넣으면 된다. 각 이름들..

앱인벤터2의 사용자 인터페이스 창을 보면 선택 버튼이 3가지가 있다. 날짜 선택 버튼, 목록 선택 버튼, 그리고 시간 선택 버튼이 그것이다. 말 그대로 날짜를 선택할 수 있게 하고 목록중 하나를 선택하게 하고 시간을 선택하게 해 주는 버튼들이다. 왕초보 강좌 3에서 날짜 선택버튼에 대해서 설명을 했는데 이번 시간에는 목록 선택 버튼에 대해서 설명해 보도록 하겠다. 목록 선택버튼으로 해볼 내용은 5가지 과일의 이름을 리스트로 만들고 이 과일의 리스트 중에서 하나를 선택하면 그 선택한 과일의 이름을 버튼아래에 글자로 표시해 보는 것이다. 디자이너 에디터에 목록 선택 버튼 하나를 배치하고 버튼 위의 글자를 '과일 이름 목록 선택'으로 바꾼다. 그리고 레이블을 위아래에 배치해서 목록 선택 버튼의 위치를 조정한다..

이번 시간에는 레이아웃의 세부 활용에 대해 알아보겠다. 순서상 레이아웃을 다룰 시간은 아니지만 레이아웃을 알아야 화면 구성을 마음대로 할 수 있기 때문에 레이아웃을 먼저 하고 다음 시간 부터 순서대로 진행하도록 하겠다. 앱인벤터에서는 기본적으로 컴포넌트들을 배치하면 수직으로 죽 나열이 된다. 즉 수평으로 컴포넌트들을 배치하는 것은 되지 않는다. 그래서 컴포넌트들을 여러 방향으로 배치하기 쉽게 하기 위해서 사용하는 것이 레이아웃이다. 팔레트 창에서 레이아웃 메뉴에 들어가면 5가지의 항목들이 준비되어 있다. 수평배치 컴포넌트를 뷰어창에 끌어다 놓아 보자. 처음 수평배치 레이아웃만 배치시키면 상당히 큰 사각형이 나타난다. 이 사각형 안에 버튼이나 레이블등등 을 배치하면 수평으로 컴포넌트들이 배치가 되는 것이다..

이번 시간은 앱인벤터2 왕초보 강좌 세번째 시간으로 날짜 선택버튼의 사용법에 대해서 알아보겠다. 사용자 인터페이스 세번째 항목인 '날짜 선택 버튼'을 끌어다 뷰어 창의 핸드폰 화면 중앙에 놓는다. 그리고 '날짜 선택 버튼' 아래에다 레이아웃 항목안에 있는 수평배치 블록을 네개 끌어다 놓는다. 그리고 수평배치 블록 안에 레이블을 끼워 넣어서 위와 같은 배치를 만든다. 레이아웃은 가장 많이 쓰는 블록들 중 하나이기 때문에 순서가 되지 않았지만 앱인벤터2 왕초보 강좌 네번째 시간에 설명하도록 하겠다. 수평 배치 블록 안에 레이블을 2개씩, 그리고 네번째 수평배치 블록 안에는 6개의 레이블을 배치 해 두었으므로 일단 위의 그림을 보고 따라해 보기 바란다. 이제 블록 에디터로 가서 좌측 블록창 중단에 있는 '날짜..

이번 시간에는 앱인벤터2 왕초보 강좌 두번째 시간으로 팔레트 창의 사용자 인터페이스 두번째 항목인 체크박스의 사용법에 대해서 알아보자. 체크박스는 여러개의 선택지 중에서 하나를 선택하고 그 선택한 것에 대한 처리를 요구하는 내용으로 구성되어 있다. 일단 디자이너 에디터를 다음과 같이 구성해 보자. 디자이너 에디터에 체크박스 5개와 레이블3개 그리고 버튼을 하나 배치해서 위와 같은 화면을 구성해 보자. 위와 같은 화면구성이 어려운 분은 앱인벤터2 왕초보 강좌 1에 가서 화면을 구성하는 법을 익히고 나서 다시 돌아오기 바란다. 이제 블록에디터로 와서 각 항목의 블록들을 배치해 보자. 좌측의 '사과 체크박스'를 클릭하면 그 오른쪽에 드롭박스 메뉴가 열린다. 그기에서 '언제 사과 체크박스. 변경 되었을때' 를 ..

이번 시간부터는 앱인벤터2 메인 화면에서 팔레트 창에 나오는 모든 성분들에 대해 하나씩 사용법을 알아보도록 하겠다. 앱인벤터를 처음 대하는 학생들 입장에서 보면 무엇을 어떻게 시작해야 하는지 잘 알지 못해서 헤매는 경우가 대부분일 것이다. 이런 학생들이 이 강좌를 보면 앱인벤터를 어떻게 시작하는지 그리고 각 성분들의 역할이 무엇인지 차근차근 알아가게 될 것이다. 제일 첫번째 항목은 버튼이다. 버튼의 기능을 가장 쉽게 이해하기 위해 간단한 앱을 하나 제작해 보자. 이 앱에서 구현해 볼 내용은 버튼을 클릭하면 하단 레이블에 글자가 나타나게 하는 것이다. 사용자 인터페이스 창에서 버튼을 하나 뷰어 창에 끌어다 놓는다. 처음 버튼을 끌어다 놓으면 스마트폰 화면 좌측으로 정렬이 되어 나올텐데 컴포넌트 창의 scr..

앱인벤터2로 후다닥 앱만드는 방법을 설명하고 가장 간단한 앱을 하나 만들어 보겠다. 아래 방식을 따라 하기만 하면 오늘 처음 앱인벤터2를 접하는 사람도 금방 앱 하나를 후다닥 만들 수 있다. 3~4 번의 시리즈로 글을 올릴 생각이다. 1. 새 프로젝트 열기 처음 앱인벤터2를 시작하는 분이라면 먼저 구글에 계정을 하나 만들고 https://appinventor.mit.edu/ 사이트로 들어간다. 앱인벤터2 홈페이지가 열리면 좌상단 주황색 버튼 'Create Apps!'를 클릭한다. 그러면 본인의 앱인벤터2 페이지가 열린다. 상단 메뉴바에서 'Projects -> Start new Project' 항목을 클릭해 프로젝터를 하나 생성한다. 앱 이름을 영어로 작성하고 OK 버튼을 클릭한다. 2. 각 컴포넌트 배..