앱인벤터2 강좌 36 : 앱인벤터2 코딩 팁 대방출 2

6.설정아이콘의 사용법

앱인벤터 블록들을 보면 블록 좌측 상단에 ☸모양의 파란색 설정 아이콘이 있다. 이  아이콘은 블록의 항목을 더 추가할 수 있도록 하는 아이콘이다. 공통 블록안에 있는 각 세부 블록들은 위의 설정 아이콘을 가지고 있는 것들이 여러개 있다. 이 블록들은 필요에 따라 블록의 인수나 항목을 더 추가해 줄 수 있는 것이다.

설정 아이콘을 클릭하면 항목을 더 추가할 수 있는 도구가 열린다. 필요한 만큼 항목을 더 추가한다.

 

문자열 또한 얼마든지 더 추가할 수 있다.

 

 

7.블록 정리하기

앱인벤터의 단점이 코딩이 길어지다 보면 각각의 블록들이 여기저기 흩어져 있어서 화면이 산만해지기 일쑤라는 것이다. 이때 각 블록들을 보기 좋게 정리해 주는 기능이 있다. '가로로 배열하기', '세로로 배열하기', '블록 정리', 그리고 '카테고리 별로 정렬하기' 등등이다. '가로로 배열하기'는 3~4열 횡대로 배열하는 방식이고 '세로로 배열하기'는 3~4열  종대로 배열하기, '블록정리'는 세로로 1열 배열, 그리고 '카테리고 별 정렬'은 각각의 카테고리로 묶을 수 있는 블록들을 한 곳에 모아주는 정렬방식이다. 각자의 필요에 따라 좋은 것을 선택해서 사용하자.

 

블록들이 어지럽게 난립하고 있다. 이때 마우스 우클릭을 해서 '블록정리'를 선택해 보자.

 

블록들이 1열 세로로 쭉 정열된다.

 

'블록 카테고리별로 정렬하기'를 선택해 보자.

 

각각의 카테고리별로 묶어서 정렬된다. 코딩을 하는 입장에서는 이 방식이 가장 유용할 때가 많다.

 

 

8.작업 공간 격자 활성화

눈치 빠른 분들이라면 알아차렸겠지만 앱인벤터2 블록 에디터에는 격자가 있다. 이 격자가 있는 이유는 격자에 맞춰서 코딩을 깔끔하게 하라는 의미겠지만 그러나 이 기능을 알고 있는 사람은 많지 않다. 

 블록에디터 빈공간에서 마우스 우클릭을 해보면 여러 메뉴가 나타날 것이다. 마지막 부분에 '작업 공간 격자 활성화'화 와 '자석 기능 활성화'가 보인다. '작업 공간 격자 비활성화' 부분을 클릭해 보자.

 

격자가 사라졌다. 격자가 사라지면 블록들을 배치시키는 것이 좀 어색할 것이다. 왠지 블록들이 좀 비틀어져 있는 것 같고 각이 안나오는 것 처럼 느껴질 것이다. 그러면 다시 마우스 우클릭을 하고 '작업 공간 격자 활성화'를 선택해 주면 되는 것이다. 그리고 그 밑에 '자석 기능 활성화'라는 메뉴가 보인다. 이 메뉴는 블록들을 배치 시킬때 격자의 눈금에 자석이 끌어당기듯 정확히 맞춰주는 역할을 한다. 격자가 없다면 이 메뉴는 의미가 없으므로 '작업 공간 격자 비활성화' 상태에서는 나타나지 않고 '작업 공간 격자 활성화' 상태에서만 나타난다.

 

 

9.extension(확장기능) 추가하기

extension은 기존의 앱인벤터2에 고정되어 있는 컴포넌트 외에 새로운 컴포넌트를 추가하고 싶을 때 사용하는 것이다. 앱인벤트는 수익을 목적으로 개발된 언어가 아니라 학생들의 교육을 위해서 개발된 언어이기 때문에 많은 extension이 나와 있지 않다. https://mit-cml.github.io/extensions/에 들어가면 현재 사용할 수 있는 extension이 나와 있다. 

 

현재 6개의 extension만 다운로드가 가능하다. 인공 신경망 분석이나 인공지능 등등 고차원적인 레벨의 코딩을 요하는 컴포넌트들을 사용할 수 있다. 각 extension의 예제가 하단부에 있으므로 aia 파일을 다운받아서 사용해 보면 도움이 될 것이다. 

 

10.도움말 활용하기

앱인벤터2는 노코드를 이용하는 쉬운 개발 언어라서 그런지 이 언어를 사용하는 사람들은 도움말을 거의 사용하지 않을 것이다. 그러나 도움말에는 라이브러리, 확장기능, 튜토리얼, 문제해결 그리고 포럼까지 여러 다양한 부분의 도움말이 준비되어 있다. 앱인벤터2를 처음 접하시는 분이라면 튜토리얼을 보고서 하나씩 배워나가는 것이 좋고 조금 익숙한 분들이라면 라이브러리와 확장기능을 이용해서 조금 더 차원높은 앱을 개발 할 수 있을 것이다.