본문 바로가기

전체 글

[앱인벤터 기초] 공통블록 - 텍스트블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 텍스트블록 텍스트(글자, 문자열) 블록은 텍스트를 입력하거나 텍스트 병합, 분리, 교체 등을 할 수 있는 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 " 텍스트 문자열을 포함합니다. 문자열에는 문자,숫자 또는 특수문자가 포함 될 수 있습니다. 합치기 두 개 이상의 문자열을 하나로 합쳐줍니다. 입력이 없으면 빈 문자열을 반환합니다. 길이 문자열에 공백을 포함하여 문자의 수를 반환합니다. 비어있나요? 문자열에 공백이 포함 되어 있는지 여부를 반환합니다. 문자열의 길이가 0이면 참을 그렇지 않으면 .. 더보기
[앱인벤터 기초] 공통블록 - 숫자블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 숫자블록 숫자블록은 사칙연산, 최대값, 최솟값, 반올림 값 등을 구하는 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 0 양수 또는 음수 숫자를 입력할 수 있습니다. 10진수 이외에도 다른 진수를 입력할 수 있습니다. 이진수 숫자, 예 : 0b10 (10 진수 2) 8 진수 숫자, 예 : 0o14 (10 진수 12) 16 진수 숫자, 예 : 0xd4 (10 진수 212) 진수를 선택해서 입력할 수 있습니다. decimal (10진수), binary (2진수), octal (8진수), hexade.. 더보기
[앱인벤터 기초] 공통블록 - 논리블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용 가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 논리블록 논리블록은 논리적 판단이 필요한 명령 블록들로 구성되어 있습니다. 블록 검색 명령어 설명 참 논리 값인 참(true)을 반환합니다. 거짓 논리 값인 거짓(false)을 반환합니다. 아니다 오른쪽에 연결한 블록의 반대 값을 반환합니다. 예를 들어 입력 값이 참이면 거짓을 반환하고, 거짓이면 반대로 참을 반환합니다. 왼쪽과 오른쪽에 들어있는 값을 비교합니다. 값이 동일하면 참을 반환하고 다르면 거짓을 반환합니다. * 자세한 설명은 아래에~! 왼쪽과 오른쪽에 들어있는 값을 비교합니다. 값이 다르면 .. 더보기
[앱인벤터 기초] 공통블록 - 제어블록 이해하기 공통블록은 앱인벤터 화면에 아무것도 없어도 사용가능한 명령 블록입니다. 공통블록 안에는 '제어', '논리', '수학', '텍스트', '리스트', '색상', '변수', '함수' 블록으로 구성되어 있습니다. 제어블록 제어블록은 특정동작을 반복시키거나 흐름을 제어하는 명령블록들로 구성되어 있습니다. 블록 검색 명령어 설명 만약 만약 조건이 만족되면(참이면) '이라면 실행' 안에 블록을 실행합니다. (= if) 만약 이라면 아니면 만역 조건이 만족되면(참이면) '이라면 실행' 안에 블록을 실행하고 만족되지 않은 경우에는 '아니라면' 안에 블록을 실행합니다. (= if else) '시작' 값이 1부터 1씩 값을 증가하여 '끝' 값인 5가 될 때까지 '실행' 안에 블록을 실행합니다. (= for) 각각 반복 리스트.. 더보기
앱인벤터로 슈팅 게임 만들기 앱인벤터를 이용해 슈팅 게임을 만들어보도록 하겠습니다.우주선을 터치해면 공이 날아가서 외계인을 맞추는 게임입니다. 우주선을 드래그하면 좌우로 움직입니다. 공이 외계인을 맞추면 점수가 5점 오르지만 행성을 맞추면 5점 감점됩니다. 먼저 완성된 앱을 동영상으로 확인해봅시다. 동작영상 이미지 이번 앱에서 사용되는 이미지를 다운받을 수 있는 링크를 걸어두었습니다. 다운로드 받아서 사용하시면 됩니다. 1) 처음화면 배경 : https://www.freepik.com/free-vector/gradient-outer-space-cover-collection_4137021.htm#page=1&query=space&position=3 2) 게임화면 배경 : https://www.freepik.com/free-vector.. 더보기
[앱인벤터 기초] 문장을 번역하고 읽어주는 번역기 만들기 앱인벤터를 이용해 번역기를 만들어보도록 하겠습니다.왼쪽 화면에 번역하고 싶은 문장을 입력하고 번역하기를 클릭하면 오른쪽 화면에 번역된 내용이 보이게 됩니다.먼저 완성된 앱을 동영상으로 확인해봅시다. 동작영상 [완성동영상] 화면구성 스마트폰 화면을 가로로 바꾸기 위해서 스크린의 속성 값을 변경합니다. 그리고 스크린에 들어갈 내용들(컴포넌트)이 가운데로 배치되도록 속성 값을 변경합니다. 스크린방향 : 가로수평정렬 : 중앙 수평배치를 넣어 왼쪽과 오른쪽 화면을 가로로 정렬될 수 있도록 합니다. 수직배치를 두 번 화면으로 드래그합니다. 각각 절반의 크기를 차지하도록 속성값을 변경합니다. 수직배치의 가장 위쪽에 스피너를 넣습니다. 스피너는 한국어, 영어 등 언어를 선택하도록 합니다. 왼쪽화면에는 문장을 입력할 수.. 더보기
[앱인벤터 기초] 버튼을 클릭하면 배경색이 바뀌는 앱 만들기 앱인벤터를 이용해서 간단한 앱을 만들어보도록 하겠습니다.지금 만들 앱의 목적은 화면 가운데 놓인 버튼을 클릭하면 '안녕하세요.'라는 소리와 함께 배경색이 바뀌는 것입니다. 먼저 완성된 앱을 동영상으로 확인해봅시다. 동작영상 화면구성 스마트폰 화면 안에 버튼을 드래그해서 넣습니다. 버튼의 속성을 변경합니다. 배경색 : 회색텍스트 : 클릭텍스트 색상 : 흰색 컴포넌트에서 스크린을 선택한 후 속성을 변경합니다.수평정렬 : 가운데수직정력 : 가운데 팔레트에서 미디어를 클릭한 후 음성변환을 화면으로 드래그해서 넣어줍니다. 코딩하기 블록 화면으로 들어갑니다.처음 시작 이벤트(상황)는 '버튼을 클릭했을 때'입니다.버튼을 클릭해서 해당 블록을 흰색 부분으로 드래그해서 가져옵니다. 음성변환을 클릭해서 '안녕하세요' 라는.. 더보기
앱인벤터로 누구나 쉽게 스마트폰 앱 만들기 - 소개 지금은 예전보다 기술이 많이 좋아져서 복잡한 코딩을 배우지 않아도 자동으로 홈페이지를 만든다거나 로고 이미지 등 다양한 것들을 손쉽게 만들어주고 있습니다. 스마트폰 앱을 만들고 싶은데 개발환경 구축부터 시작해서 영어로 된 코딩까지... 시작해보기도 전에 내려놓게 됩니다. 그래서 저는 누구나 쉽게 스마트폰 앱을 만들 수 있는 '앱인벤터'를 소개하고자 합니다. 사실 앱인벤터는 몇 년 전부터 계속 소개되어 왔고 '앱인벤터'라고 검색하면 많은 강의들과 예제들이 있습니다. 최근에 앱인벤터가 업데이트를 하면서 기존에 소개된 내용과 달라진 점들이 있어서 예전 버전을 보면서 헷갈리는 분들이 있을까 봐 간단한 예제부터 앱을 꾸미는 방법, 나중에는 아두이노와 블루투스 연결하는 방법까지 알려드리려고 합니다. 앱인벤터 간단 .. 더보기

티스토리툴바