[아장아장 개발 공부] 모두의 앱 인벤터: 앱 제작의 동반자, AI2 Companion

반응형

콘텐츠의 난이도	콘텐츠를 읽는데 필요한 시간	필요한 선수 지식
하	10분	없음

 

지난 포스팅에서는 앱 인벤터로 간단한 앱을 만들어보았다. 이번 포스팅에서는 앱 인벤터로 앱을 만들면서 실제로 폰에 어떻게 반영되는지 실시간으로 확인할 수 있는 유용한 기능을 소개해본다. 튜토리얼 앱(Hour Of Code)을 만들 때는 기능이 너무 간단해서 디자인하고 코딩한 뒤 APK 파일을 만들고 Android 폰에서 앱을 테스트하는 데 문제가 없었다. 하지만 디자인이나 기능을 조금이라도 추가하게 된다면 앱을 만드는 도중에 기능 테스트는 꼭 필요하다. 중간에 테스트 한 번 없이 폰에 앱을 바로 설치한다면 설치 후에 잘못된 부분이 보이거나 기능이 제대로 동작하지 않는 경우가 생긴다면 오류를 수정해서 APK 파일을 다시 생성하고 폰에 설치하는 과정을 반복해야 하기 때문이다.

 

이제부터는 AI Companion 기능을 사용하여 동일한 프로세스를 반복하는 번거로움에서 벗어나고 앱 제작 시간도 줄여보자!

 

지난 콘텐츠 읽으러 가기 ▶️ [아장아장 개발 공부] 모두의 앱 인벤터 맛보기

지난 콘텐츠 읽으러 가기 ▶️ [아장아장 개발 공부] 모두의 앱 인벤터: 로그인부터 앱 설치까지

 

제작한 앱 실행(테스트) 방법

앱 인벤터에서 만든 앱을 실행하는 방법은 세 가지가 있다.

 

1. 컴퓨터와 앱을 실행할 기기(폰 또는 태블릿)를 USB 케이블로 연결하기

😅 불편한 진실: 앱 인벤터를 실행 중인 컴퓨터와 내 폰을 USB로 연결해주어야 해서 USB를 별도로 준비해야 한다. 그리고 별거아니지만, 책상이 선 하나로 복잡해진다.

2. 앱 인벤터 프로그램에서 제공하는 에뮬레이터(Emulator) 사용하기

😅 불편한 진실: 에뮬레이터는 테스트할 폰이 당장 없는 사람이나 iSO 사용자에겐 유용하다. 하지만 에뮬레이터 사용을 위해 aiStarter 프로그램을 컴퓨터에 설치해야 하고 에뮬레이터를 연결하는 데 1-2분가량 소요(컴퓨터 사양에 따라 다름)된다. 추가로 어찌해야 할 바를 모르겠는 새까만 창은 내 머릿속도 까맣게 만든다. (이 창에서 무엇을 해야 하는 것은 아니다. 뭔가를 해야 할 것 같은 느낌을 주고 건드리면 오류가 날 것 같아서 사실 보고 싶지 않을 뿐이다…)

 

3. AI2 Companion 기능 사용하기

 

이 세 가지 방법 중 AI2 Companion을 설명하려는 이유는 첫 번째로 내가 가장 많이 쓰는 방법이고 두 번째로는 위에서 언급한 1번과 2번 방법을 사용했을 때 내가 느꼈던 불편한 부분을 AI2 Companion이 해결해 주었기 때문이다. 언제까지나 나의 개인적인 의견이므로 불편한 진실은 참고만 바란다.

 

AI2 Companion 사용하기

Companion 이란 ‘동반자 또는 친구’라는 사전적 의미가 있다. 동반자라니! 고것 참 이름 잘 지었다. AI2 Companion 기능으로 내가 만든 앱을 실시간으로 확인하고 수정하고 테스트할 수 있으니 이것이야말로 앱 제작할 때 꼭 필요한 기능이 아닌가! 이 기능을 사용하려면 두 가지 조건을 만족시켜야 한다.

 

첫 번째로 앱 인벤터 프로그램을 사용하고 있는 컴퓨터와 앱을 테스트할 기기는 같은 Wi-Fi를 사용해야 한다. 같은 Wi-Fi를 사용하는지 확인이 되었다면 두 번째로 테스트 기기에 MIT AI2 Companion 앱을 설치하자(Play Store에서 AI2 Companion을 검색 후 설치).

 

AI2 Companion 실행하기

테스트할 기기에서 AI2 Companion 앱 설치가 완료되었다면 실행 방법은 간단하다. 앱 인벤터와 기기에서 각각 AI Companion을 실행시켜 두 기기를 연결하기만 하면 된다.

 

1. 앱 인벤터 화면에서 Connect → AI Companion 클릭

 

2. 앱을 테스트할 기기에서 MIT AI2 Companion 앱을 실행하고 아래 두 가지 방법중에 하나를 선택.

1) 기기에서 connect with code 선택 → Connect to Companion 창에 있는 6자리 코드 입력

2) 기기에서 scan QR code 선택 → Connect to Companion 창에 있는 QR 코드를 스캔

좌) 앱 인벤터 화면 / 우) 기기 화면

단, 앱 인벤터 화면에서 Connect to Companion 창이 나타나고 약 1분 30초간 기기와 연결이 되지 않으면 창은 자동으로 닫히고 다음에 AI Companion을 다시 실행할 때 새로운 QR 코드와 6자리 코드가 생성된다.

 

앱 인벤터에서 필요한 수정을 하고 나면 테스트 기기에 수정사항이 바로 반영되는 것을 확인할 수 있다.

 

간단하게 버튼 바탕색만 바꾸어보았다. 테스트 기기에 반영되는 시간은 1초도 채 걸리지 않았다 (테스트 기기에 반영되는 시간은 기능에 따라 상이할 수 있음을 유의)

 

좌) 앱 인벤터 화면 / 우) 기기 화면

 

Next hAPPy Inventing!

이번 포스팅에서 앱 제작의 동반자 AI2 Companion 기능 사용 방법을 알아보았다. 다음 포스팅에서는 누이 좋고 매부 좋은 멤버십 포인트를 나누어 쓰는 앱을 만들어보자.