본문 바로가기

분류 전체보기589

앱인벤터 캔버스 컴포넌트 앱인벤터 캔버스 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 캔버스 컴포넌트를 활용하여 스마트폰에서 그리기나 애니메이션 동작을 실현할 수 있는 캔버스에 대해서 실습을 해보자. 캔버스라는 단어에서 알 수 있듯이 그림을 그릴 때 사용하는 캔버스, 즉 도화지를 의미한다. 캔버스 위에 그림을 그리거나 애니메이션 동작 등의 기본 바탕을 제공하는 것이 캔버스이다. 캔버스 위에는 공과 이미지 스프라이트 컴포넌트를 활용하여 그리기와 애니메이션 동작을 사용할 수 있다. . 캔버스 컴포넌트 그리기&애니메이션 팔레트에서 캔버스 컴포넌트가 있다. 처음 볼 컴포넌트를 drag&drop하면 작은 사각형 모양이 나오고 너비와 높이로 캔버스.. 2022. 2. 23.
앱인벤터 볼 컴포넌트 앱인벤터 볼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 볼(ball)컴포넌트를 활용하여 움직임의 속도나 방향을 지정하는 실습을 해보자. 볼 컴포넌트는 이미지 스프라이트와 다르게 이미지를 지정할 수 없다. . 볼 컴포넌트 그리기&애니메이션 팔레트에서 볼 컴포넌트는 캔버스 컴포넌트에서 동작하는 컴포넌트이다. 처음 볼 컴포넌트를 drag&drop하면 검정색 작은 원 모양이 캔버스에 보인다. 블록 코딩으로 볼을 속도와 위치 등을 활용하여 마음대로 움직여보자. 팔레트 볼 컴포넌트는 '그리기&애니메이션'에 있다. 볼 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 볼 컴포넌트를 동작시키기 위해 텍스.. 2022. 2. 21.
앱인벤터 얀덱스번역 컴포넌트 앱인벤터 얀덱스번역 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 얀덱스번역 컴포넌트를 활용하여 다른 언어간의 번역을 해주는 컴포넌트이다. 얀덱스(Yandex)번역은 러시아의 대표적인 검색엔진 사이트이다. 우리나라의 네이버나 구글과 유사하다. . 얀덱스번역 컴포넌트 미디어 팔레트에서 얀덱스번역 컴포넌트는 문장을 받아 번역 서비스에 연결해주는 기능이다. 얀덱스번역 컴포넌트는 보이지않는 컴포넌트이다. 팔레트 얀덱스번역 컴포넌트는 팔레트에 “미디어”에 있다. 얀덱스번역 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 얀덱스번역 컴포넌트를 동작시키기 위해 텍스트박스 컴포넌트, 버튼 컴포넌트, 레이블 컴포넌트,.. 2022. 2. 20.
앱인벤터 비디어플레이어 컴포넌트 앱인벤터 비디오플레이어 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 비디오플레이어 컴포넌트를 활용하여 비디오를 화면에 출력해보자. . 비디오플레이어 컴포넌트 미디어 팔레트에서 비디오플레이어 컴포넌트는 스마트폰에 비디오파일이나 동영상 URL을 활용하여 비디오를 출력해준다. 간단한 비디오플레이어 앱을 위해 비디오플레이어 컴포넌트, 버튼 컴포넌트를 활용하여 예제를 만들것이다. 팔레트 비디오플레이어 컴포넌트는 팔레트에 “미디어”에 있다. 비디오플레이어 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 본 예제에서는 비디오플레이어 컴포넌트를 동작시키기 위해 텍스트박스 컴포넌트, 버튼 컴포넌트 플레이어 컴포넌트 및 음성변환 컴.. 2022. 2. 19.