본문 바로가기

2017/1021

앱인벤터2 - 버튼기능 완벽 가이드 앱인벤터 버튼기능 완벽 가이드 앱인벤터 기초강좌로 버튼기능에 대하여 포스팅 해 보도록 하겠습니다. ■ 사용하기버튼(Button) 컴포넌트(Components) 기능을 사용하기 위해서는 팔레트(Palette)에서 사용자 인터페이스(User Interface) 하위에 위치하고 있는 버튼 컴포넌트를 드래그하여 뷰어(Viewer) 위에 올려 놓으면 됩니다. ■ 속성설정 버튼의 속성(Properties)은 디자이너(Designer)에서 바로 설정을 할 수 있으며, 또한 블록(Blocks)에서 설정을 할 수도 있습니다. 디자이너에서 속성영역을 보면 어떤 속성들이 있는지 쉽게 알 수가 있습니다. 속성 설명 배경색 (BackgroundColor) 버튼 배경색 활성화(Enabled) 설정되지 않은 경우(비활성화) 버튼을.. 2017. 10. 17.
[자바스크립트] 배열 생성 및 값입력 방법에 대하여 알아보자 자바스크립트 배열에 대하여 - 첫시간 자바스크립트 배열에 대하여 알아봅시다. 배열에 대하여 알아 볼 것들은 생각보다 많은 것들이 있습니다. 그래서 모든 기능을 한번에 다루는 것보다 나누어서 포스팅을 하고자 합니다. 포스팅 제목에 첫 시간이란 문구를 적은 것도 그 이유에서 입니다. 그럼 자바스크립트 배열에 대하여 그 첫 시간으로 생성 및 값 입력 방법에 대하여 알아 보도록 하겠습니다. // for문을 이용하여 화면에 보여주도록 하는 부분입니다. // length 는 arrType1 배열의 저장된 수를 가져옵니다. 즉 3이 될 것입니다. // 배열은 0 번지 부터 저장이 됩니다. 따라서 0번지부터 3보다 작은 수 2번지까지 출력이 될 것입니다. for(var i=0; i 2017. 10. 16.
앱인벤터 음성인식으로 네이버 검색하는 앱만들기 - 실습 음성인식 기능을 이용한 검색 앱 만들기 앱인벤터에는 다양한 기능들이 제공되고 있습니다. 그 중 음성인식 기능을 이용하여 검색엔진에서 검색을 하는 실습을 해 보도록 하겠습니다.앱인벤터 사이트(ai2.appinventor.mit.edu)로 이동하여, 먼저 새 프로젝트를 하나 생성 해 줍니다. 그럼 시작해 보겠습니다.먼저 디자인 부분을 작업하도록 하겠습니다. ■ 디자인 영역 화면에 웹뷰어, 그리고 음성인식버튼을 추가 해 주도록 하겠습니다. 그리고 화면 디자인 구조를 위해 레이아웃에서 수평배치 컴포넌트를 사용하도록 하겠습니다. 1. [사용자 인터페이스] → [웹뷰어] 포함 2. [레이아웃] → [수평배치] 포함 3. [사용자 인터페이스] → [버튼] 수평배치 안으로 포함 그럼 각 컴포넌트들의 속성 및 이름을 설.. 2017. 10. 15.
애드센스 인피드 광고 카테고리(목록화면)에 적용하기 애드센스 인피드 광고 활용방법 애드센스 승인을 받으지 이제 일주일이 지났습니다. 그동안 애드센스 승인 받기위해 많은 노력을 하였다면 이제 어떻게 하면 광고수익을 건전하고, 올바르게 올릴 수 있을까에 대하여 고민 중입니다. 첫번째는 양질의 글을 많이 올려 많은 사람들이 방문하게 하는 것일 것입니다. 그리고 두번째로는 광고를 더 효율적으로 배치하고 적용하는 부분일 것입니다. 이번 포스팅에서는 애드센스 인피드 광고를 활용하여 카테고리 즉, 목록화면에 적용하는 방법에 대하여 공유해 드리고자 합니다. 반응형 스킨을 사용하고 있어 자연스럽게 적용하는 부분에 있어, 문제점들이 더 많았습니다. 아직 완전하지는 않지만 나름대로 터득한 부분들을 공유 해 보고자 합니다. 먼저 PC환경에서 적용 된 모습입니다. 브라우저의 가.. 2017. 10. 14.