반응형

SW 배움터/앱인벤터2 83

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

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

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

앱인벤터는 노코드로 작업하는 여러 코딩 방식 중에서 가장 쉽게 앱을 만들어 구글 플레이 스토어에 출시까지 할 수 있는 플랫폼이다. 현재 중고등학교 뿐 만 아니라 대학교에서도 앱인벤터 열풍이 대단한 것으로 알고 있다. 오늘은 앱인벤터를 사용하면 부딪히게 되는 여러가지 사소하지만 꼭 알아야 하는 코딩팁에 대해서 알아보겠다. 1.세부 블록 여러개 한번에 삭제하기 이벤트 블록안에 많은 수의 블록들이 들어 있다. 이중 몇개만 제외하고 나머지 전부를 지워야 하는 경우에 어떻게 할까? 몇개 되지 않을 때는 하나씩 선택해서 delete키를 눌러 지우면 된다. 그러나 그 숫자가 많다면 시간을 좀 많이 투자해야 할 것이다. 이럴때 많은 수의 블록을 한번에 지우는 방법이 있다. 함수에서 함수 만들기 블록을 하나 꺼내서 배치..

앱인벤터2 왕초보 강좌 15 : 웹뷰어(WebViewer)로 인터넷 옮겨 다니기

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

앱인벤터2 왕초보 강좌 14 : 시간 선택 버튼(TimePicker)으로 시간 표시하기

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

앱인벤터2 왕초보 강좌 13 : 스위치(Switch)의 용도와 사용법

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

앱인벤터2 왕초보 강좌 12 : 스피너(Spinner)로 하나만 골라보자.

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

인벤터2 왕초보 강좌 11 : 슬라이더(Slider)로 남은 시간을 표시하자.

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

앱인벤터2 왕초보 강좌 9 : 알림(Notifier) 컴포넌트로 경고 메시지 나타내기

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

앱인벤터2 왕초보 강좌 8 : 목록뷰(ListView) 사용법

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

앱인벤터2 왕초보 강좌 7 : 목록 선택 버튼(ListPicker) 사용법

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

앱인벤터2 왕초보 강좌 6 : 레이블은 두가지 기능만 한다.

레이블의 기능에 대해서 알아보겠다. 앱인벤터2에서 레이블은 약방의 감초처럼 여러곳에서 전천후 활동을 하는 성분중 하나이다. 앱 제작에서 레이블이 여러 가지 역할을 하지만 레이블의 기능을 딱 한마디로 요약하자면 2가지 기능만 한다는 것이다. 우리가 영어 문법을 배울때 be동사의 번역이 '이다, 있다.' 딱 2가지 만 된다고 많이 알고 있는 것처럼 레이블의 역할도 딱 2가지만 있다. 즉 '글쓰기'와 '공간 확보'이다. 그림을 보면서 설명하겠다. 디자이너 에디터에서 위와 같이 레이블과 수평배치 레이아웃, 버튼 4개등을 배치하자. 배치를 하고 나면 수평배치 레이아웃이 상단에 딱 붙어 있는 상태가 될 것이다. 수평배치 레이아웃을 아래로 좀 내리고 싶은 마음이 들 것이다. 이때 레이블을 사용하는 것이다. 수평배치 ..

앱인벤터2 왕초보 강좌 5 : 이미지 전환 배우기

이번 시간에는 이미지블록을 공부해 보는 시간으로 이미지를 전환하는 방법을 배우면서 이미지 블록의 모든 것을 공부해 보자. 이미지 전환 동영상 이해를 돕기 위해서 오늘 설명하는 내용의 결과 동영상을 미리 보여 주겠다. 동영상 처럼 앱을 켜면 이미지가 왼쪽에서 오른쪽으로 15도 각도로 회전한 상태에서 이동한다. 그리고 화면 중앙의 15도 각도로 회전한 이미지를 클릭하면 이미지가 똑바로 서고 그 다음부터 이미지를 한번씩 클릭 할 때마다 이미지가 바뀐다. 5개의 이미지만 준비되어 있지만 얼마든지 더 많은 수의 이미지를 바꿔가면서 앱을 구성할 수 있다. 팔레트 창에서 이미지 항목을 화면 중앙에 배치한다. 속성창을 보면 Clickable이 있는데 이걸 체크해 줘야 이미지를 클릭하는 것이 먹힌다. 사진 항목의 빈 박..

앱인벤터2 왕초보 강좌 4 : 레이아웃의 세부 사용법

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

앱인벤터2 왕초보 강좌 3 : 날짜 선택 버튼의 사용법

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

앱인벤터2 왕초보 강좌 2: 체크박스의 사용법

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

앱인벤터2 왕초보 강좌 1: 버튼으로 액션을 시작한다.

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

앱인벤터2 왕초보도 후다닥 앱 만들기 3

이번 시간에는 앱인벤터2의 build 방법과 apk 파일을 스마트폰에 설치하는 법을 알아보겠다. 이해하기 쉽도록 가장 핵심적인 그림과 방법만 설명하겠다. 1)상단 메뉴바의 Build 버튼을 클릭한다. 위의 Android App(.apk) 를 선택한다. 밑의 aab 파일은 구글 플레이 스토어 출시할때 필요한 파일이다. 2)build 진행 과정이 프로그레스바의 형태로 나타난다. 3)build 과정이 끝나면 Download.apk 버튼과 바코드가 나타난다. Download.apk 버튼을 클릭하면 프로젝트의 apk파일 추출해서 컴퓨터에 저장한다. 이 파일을 스마트폰에서 직접 설치 할 수도 있고 구글 플레이 스토어에 설치 할 수도 있었다. 그러나 2021년 부터는 더이상 apk 파일을 플레이 스토어에 올릴 수 없..

앱인벤터2 왕초보도 후다닥 앱 만들기 2

4. 코딩 블럭 전체 또는 일부를 다른 스크린으로 복사하는 법 앱인벤터2는 한 스크린에 디자이너 에디터와 블럭에디터 두 부분으로 구성되어 있기 때문에 한스크린을 복사해서 다음 스크린에 붙여 넣는 것이 상당히 어렵다. (물론 방법은 있다. 그건 다음 기회에.....) 디자이너 에디터를 다음 스크린으로 복사하는 것은 안되지만 블럭에디터의 내용을 다음 스크린에 복사해서 붙여 넣는 것은 가능하다. 먼저 블럭에디터의 빈공간에 마우스 우클릭을 한다. 그러면 메뉴바가 열리는데 그 중에서 'Copy All Blocks to Backpack'을 선택한다. 그러면 우상단의 백팩에 서류뭉치 3개가 생기면서 백팩에 블럭들이 복사되었다는 것을 나타낸다. 블럭 하나만을 복사 하고 싶다면 그 블럭위에 마우스를 우클릭하면 나타나는 ..

앱인벤터2 왕초보도 후다닥 앱 만들기 1

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

앱인벤터2강좌 34 : 앱 서버와 앱 클라이언트 설정 방법

요즘 저에게 문자나 댓글을 주시는 분중에 앱인벤터로 데이터를 저장하는 방법이나 또는 식단앱을 개발해서 매일 데이터를 업데이트 해야 하는데 앱인벤터로 가능한가라는 질문을 주시는 분들이 계셔서 이번 시간에는 앱인벤터로 앱 서버와 앱 클라이언트 앱을 제작하는 방법과 데이터를 저장하고 불러오는 방법들에 대해서 간단히 설명하도록 하겠다. 위의 그림은 앱서버 화면을 그대로 캡쳐한 그림이다. 우리의 목적은 서버 화면에서 글이나 데이터를 작성해서 앱클라이언트로 보내는 것이므로 위와 같이 인풋박스 두개와 작성된 데이터를 보내기 위한 버튼등을 배치한다. 여기서 주의할 점은 구글 데이터 베이스를 이용해야 하므로 TinyWebDB를 설치해야 한다는 것이다. TinyWebDB1은 첫번째 라인을 저장하기 위한 것이고 TinyWe..

로또 족집게 사용 설명서

필자는 구글 플레이 스토어에 썬크블로 제작한 15개 정도의 앱을 등록해 놓고 있다. 그중에 가장 인기가 좋은 '로또 족집게'라는 앱의 사용법을 자세히 설명해 보겠다. 아마 아직 사용법에 대해 잘 모르시는 분들이 많은 것 같아서 좀 자세히 설명해 둔다. 위의 사진은 로또 족집게 앱의 메인 화면이다. 로또 족집게 앱은 '로또 족집게' 와 '로또 족집게 AI 번호 추출' 두가지 방식을 제공한다. 로또 족집게 방식은 필자가 연구 개발한 방식을 사용자가 좀더 디테일하게 적용할 수 있는 방식이다. 필자는 지금까지 나온 880여회의 로또 당첨 번호를 철저히 분석해서 이번주에 나올 확률이 가장 높은 번호와 나올 가능성이 낮은 숫자를 구분해 사용자가 그 숫자를 선택할 수 있게 하고 있다. 즉 이번주에 나올 가능성이 높은..

앱인벤터&썬크블(Thunkable)로 앱개발.

필자는 현재 앱인벤터&썬크블(Thunkable)로 앱을 개발해서 구글 플레이 스토어에 10개 이상의 앱을 출시하였고 현재 쏠쏠하게 수익을 올리고 있다. 그래서 필자가 현재까지 앱인벤터를 이용하여 앱을 개발하고 구글 플레이 스토어에 출시해서 광고로 수익을 얻기까지의 방법을 공유하고 많은 사람들이 자신의 앱을 개발하여 수익도 얻고 자신의 실력도 쌓을 수 있도록 도움을 주고 싶다. 현재 앱을 개발하는 방법으로는 이클립스라는 고전적인 프로그램을 이용해서 단순하게 C++이나 자바등으로 코드를 짜 넣고 앱을 개발하는 방법과, 유니티나 언리얼 엔진과 같은 게임 엔진을 이용해서 앱을 개발하는 방법 등 여러가지 방법들이 있다. 그러나 이러한 방법들은 프로그램을 공부하는 것도 어렵고 시간도 상당히 많이 걸리는 방법이라 전..

앱인벤터2 강좌 32: 전자 계산기 만들기

앱인벤터로 전자 계산기를 구현한 작품들이 있나 하고 찾아 봤더니 두 숫자를 더하거나 빼는등의 간단한 것들만 있었고 우리가 시중에서 구입할 수 있는 전자 계산기 정도의 성능을 보이는 작품을 찾아볼 수 없었다. 그래서 내가 약간의 시간을 투자해서 실제 전자계산기에 버금가는 정도의 성능을 보이는 계산기를 앱인벤터로 구현해 보았다. 우리가 실제 전자 계산기를 사용할 때는 숫자 버튼을 하나씩 누를 때마다 그 번호가 상단화면에 표시 되고 한자리 숫자와 3자리 숫자의 더하기, 또는 몇자리의 숫자를 더하고 또 빼기도 하고 어떤때는 곱셈과 나눗셈도 연속적으로 수행한다. 이렇게 실제 전자계산기가 수행하는 과정을 프로그램으로 나타내려고 하면 내부적으로 상당히 골치아픈 과정들을 거처야 한다. 물론 단순히 두 숫자의 덧셈만 하..

앱인벤터2 강좌 31: 이차 방정식의 그래프 그리기

이번 시간에는 앱인벤터로 이차방정식의 그래프를 출력하는 앱을 제작해 보겠다. 우리가 잘 알듯이 이차 방정식이란 으로 표시 되는데 a, b, c의 값에 따라 그래프의 모양이 달라진다. 따라서 a, b, c 의 값을 입력값으로 받고 그 값에 따라 그래프의 모양을 스마트폰 화면에 표시하는 앱을 제작할 것이다. 디자이너 에디터에 a, b, c 값을 넣을 수 있는 라벨을 3개 배치하고 '그래프 그리기' 버튼 하나와 x값과 y값을 확인할 수 있는 라벨 두개를 함께 배치한다. 하단의 그래프 이미지는 캔버스를 하나 배치한후 캔버스의 백그라운드 이미지를 모눈종이 이미지로 설정한다. 또 한가지 중요한 것은 클락이다. 클락은 그래프 이미지를 그리기 위해서 필요하다. 클락 인터발을 10 즉 0.01초 간격으로 설정해 두었는데..

앱인벤터2 강좌 30: 앱인벤터2에 광고달기

앱인벤터로 만든 앱에도 드디어 광고를 달 수 있는 방법이 생겼다. 나 또한 앱인벤터로 앱을 제작하기는 하지만광고를 달 수 있는 방법이 없었기 때문에 간단한 게임이나 개인적으로 필요한 몇가지 앱만 제작하고 별 흥미를 느끼지 못했던 것이 사실이다. 그러나 이제 앱인벤터로 만든 앱을 Thunkable이란 프로그램에서 import해 광고를 게재할 수 있기 때문에 그동안 앱인벤터를 이용해 만들어 두었던 앱에 광고를 달아서 다시 구글 플레이 스토어에 출시하고 있다. 이제 앱인벤터로 만든 앱에 광고를 다는 방법을 하나하나 알아보도록 하자 앱인벤터로 만든 앱에 광고를 게재하기 위해서는 몇가지 선결 조건이 있다. 1.구글계정이 있어야 한다. 2.앱인벤터로 만든 앱이 있어야 한다. 3. 구글 애드몹에 가입되어 있어야 한다..

반응형