본문 바로가기

전체 글

[앱인벤터 기초] 사용자 인터페이스 - 스위치 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹 안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 스위치 블록 스위치는 사용자가 탭을 하면 불리언 상태를 변경할 수 있는 컴포넌트입니다. 여기서 불리언(Boolean)은 참과 거짓을 나타내는 데이터형입니다. 스위치를 탭하면 참에서 거짓, 거짓에서 참으로 바뀌게 됩니다. 스위치 컴포넌트는 체크박스 컴포넌트와 외형만 다를 뿐 기능은 거의 비슷합니다. 블록 설명 스위치의 상태가 참에서 거짓, 거짓에서 참으로 변경될 때 '실행' 내부의 명령을 실행합니다. (다른 컴포넌트에서)스위치가 .. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 스피너 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹 안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 스피너 블록 스피너는 목록뷰, 목록 선택 버튼처럼 여러 항목들을 표시할 때 사용하는 컴포넌트입니다. 스피너는 목록선택버튼과 다르게 팝업창에서 항목을 선택합니다. 스피너를 클릭해야 목록이 보입니다. 컴포넌트에 들어갈 내용은 요소로 지정하면 되는데 이때 ' , ' 기호를 사용해서 구분해서 입력하면 됩니다. 많은 양의 데이터를 표시할 때 주로 사용합니다. 블록 설명 스피너 팝업창에서 항목을 선택한 후에 '실행' 안의 블록들을 실행합니.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 슬라이더 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 슬라이더 블록 슬라이더는 최소값과 최대값 사이의 값을 섬네일을 움직여서 조정하는 컴포넌트입니다. 섬네일은 손가락으로 움직여서 조정하는 버튼입니다. 기본값으로 최소값은 10, 최대값은 50, 섬네일위치는 30으로 지정되어 있습니다. 슬라이더의 너비를 바꾸어도 디자이너 화면에서는 확인되지 않습니다. 스마트폰에 설치해서 확인했을 때 너비가 변경된 것을 확인할 수 있습니다. 주로 볼륨조절이나 크기 조절 등 사용자가 어떤 값을 조절할 때 .. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 암호텍스트박스 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 암호텍스트박스 블록 글자를 입력하면 내용이 스크린에 표시되지 않고 ● 으로 표시되는 컴포넌트입니다. 앱인벤터 화면에는 ● 모양이 표시되있지만 스마트폰에서 확인하면 텍스트박스처럼 비어있습니다. 블록 설명 (다른 컴포넌트에서)암호텍스트박스가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 암호텍스트박스에서 다른 컴포넌트가 선택되었을 때 '실행' 내부의 명령을 실행합니다. 암호텍스트박스의 포커스가 활성화되도록 함수를 호출합니다. 배경.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 알림 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 알림 블록 메시지, 경고창, 암호입력창 등 사용자에게 메시지를 보여주거나 선택하는 창이 보이게 하는 컴포넌트입니다. 보이지 않는 컴포넌트 영역에 포함됩니다. 블록 설명 선택대화창에서 항목을 선택하면 '실행' 내부의 명령을 실행합니다. 메시지창에서 텍스트를 입력한 후에 '실행' 내부의 명령을 실행합니다. 선택대화창에서 사용자가 옵션 선택을 취소했을 때 '실행' 내부의 명령을 실행합니다. 선택대화창, 암호입력창, 메시지창에서 사용자가.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 목록뷰 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 목록뷰 블록 여러 항목들을 목록형식으로 표시할 때 사용하는 컴포넌트입니다. 목록선택버튼과 비슷하지만 다른점은 목록뷰는 스크린에서 바로 보이고 목록선택버튼은 버튼을 클릭해야 목록이 보입니다. 컴포넌트에 들어갈 내용은 요소로 지정하면 되는데 이 때 ' , ' 기호를 사용해서 구분해서 입력하면 됩니다. 많은 양의 데이터를 표시할 때 주로 사용합니다. 블록 설명 목록뷰를 선택한 후에 '실행' 안의 블록들을 실행합니다. 목록뷰의 배경색 값.. 더보기
[앱인벤터 기초] 사용자 인터페이스 - 목록선택버튼 이해하기 사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다. 그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 목록선택버튼 블록 여러 항목들을 목록형식으로 표시할 때 사용하는 컴포넌트입니다. 목록선택 컴포넌트에 들어갈 내용은 요소로 지정하면 되는데 이 때 ' , ' 기호를 사용해서 구분해서 입력하면 됩니다. 많은 양의 데이터를 표시할 때 주로 사용하거나 블루투스를 선택해서 고를 때 많이 사용합니다. 블록 설명 선택버튼을 선택한 후에 '실행' 안의 블록들을 실행합니다. 선택버튼을 선택하기 전에 '실행' 안의 블록들을 실행합니다. (다른 컴포.. 더보기
아두이노+앱인벤터+블루투스 모듈(HC-06)로 글자 주고 받기 블루투스 통신으로 스마트폰과 아두이노가 글자를 주고 받는 방법을 설명해드리겠습니다. 블루투스? 먼저 블루투스(Bluetooth)가 무엇인지 간략하게 설명해드리자면 블루투스는 1994년에 에릭슨이 최초로 개발한 디지털 통신 기기를 위한 개인 근거리 무선통신 산업 표준이다. 2.4~2.485GHz의 전파를 이용하여 전자 장비 간의 짧은 거리의 데이터 통신 방식을 규정한다. 출처: https://ko.wikipedia.org/wiki/블루투스 위와 같이 설명되어 있는데 사실 핵심은 블루투스 = 근거리 무선 통신 입니다. 블루투스를 사용하기 위해서는 '페어링(Pairing)' 단계를 거쳐야 하는데 블루투스 기기들은 대부분 마스터(Master)와 슬레이브(Slave)의 관계를 맺기 때문입니다. 블루투스는 기본적으.. 더보기