앱인벤터/실전 앱15 앱인벤터 채팅앱 만들기 #1 (채팅방 만들기 및 들어가기) 안녕하세요. 이지이지입니다. 이번 앱인벤터 포스팅에서는 채팅앱을 만들어 볼텐데요... 두 개의 포스팅으로 나누어져 있으며, 첫 번째 포스팅에서는 Screen1을, 두 번째 포스팅에서는 Screen_Chat를 완성합니다. Screen1은 채팅방 만들기 또는 개설된 채팅방에 입장하기 등 기본적인 채팅 설정에 대한 스크린이며, Screen2는 실제 채팅을 통해 메시지를 주고 받는 스크린입니다. 본 예제 앱을 통해 여러분은 1. FirebaseDB 2. ListView에 대한 이해를 할 수 있습니다. 화면 구성 및 블록 코딩은 다음 소스 파일을 내려받아 참고하시기 바랍니다. 사전 준비 (파이어베이스 프로젝트 만들기) 본 예제 앱에서는 메시지를 저장하고, 불러오기 위해서 파이어베이스의 Realtime Databa.. 2021. 11. 24. 앱인벤터 날씨정보(일기예보) 앱 만들기 ============================================================================================[2023. 5. 27.] 다음 글과 소스는 관련 openweathermap의 정책 변경으로 유효하지 않음을 말씀드립니다. 다음 소스를 사용하고 싶으신 분께서는 openweahtermap 사이트를 구독하셔야 함을 알려 드립니다. ============================================================================================ 안녕하세요. 이지이지입니다. 이번 포스팅에서는 사용자의 위치정보를 자동으로 알아내어 그 지역의 날씨정보(일기예보)를 제공하는 앱을 만드는 방법에 대해 알.. 2021. 10. 29. 앱인벤터 벽돌깨기 만들기 #2 (블록코딩) 안녕하세요. 이지이지입니다. 이번 포스팅에서는 지난 포스팅에 이어 앱인벤터로 벽돌깨기 만들기를 이어가도록 하겠습니다. 다음 소스코드를 참고하시기 바랍니다. 전체 블록코딩 위 이미지에서 보면, Ball, ImageSprite를 사용하다보니 크기나 시작점을 지정하는데 많은 블록이 사용되었음을 알 수 있습니다. 본 포스팅 1편에서도 언급했지만, Ball 컴포넌트와 ImageSprite 컴포넌트는 크기를 Percent로 지정할 수 없어, 핸드폰과 태블릿 등 크기에 상관없이 같은 모습으로 보이는 반응형 디자인을 100% 구현할 수 없으므로, 미리 앱을 구상하실 때 적절한 크기의 이미지로 만들 것을 권장드립니다. 블록코딩 먼저 벽돌깨기 앱에서 사용되는 변수 및 변수 초기화 프로시저입니다. ① 공의 움직임 속도를 2.. 2021. 10. 13. 앱인벤터 벽돌깨기 만들기 #1 (화면구성, Drawing and Animation 컴포넌트의 이해) 안녕하세요. 이지이지입니다. 추억의 벽돌깨기 게임 알카노이드(Arkanoid)를 아시나요??? 이번 포스팅에서는 앱인벤터로 벽돌깨기 게임을 만드는 방법에 대해 알아보도록 하겠습니다. 벽돌깨기 앱 만들기 포스팅의 순서는 다음과 같습니다. 1. Drawing and Animation 팔레트의 Ball, ImageSprite의 이해 2. 화면구성 3. 블록코딩 다음 완성된 벽돌깨기 앱의 소스를 내려받아 참고하시기 바랍니다. Ball 및 ImaageSprite의 이해 본 예제 앱에서 사용한 Ball 및 ImageSprite의 주요 속성은 다음과 같습니다. ※ Ball과 ImageSprite의 다른 점은 ImageSprite는 이미지를 지정할 수 있지만, Ball의 경우에는 크기와 색깔만 지정할 수 있다는 것입니.. 2021. 10. 12. 앱인벤터 구구단 프로그램 만들기 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터로 구구단 프로그램을 만들어보도록 하겠습니다. 두 가지 방식으로 구구단 프로그램을 구현해 볼텐데요. 먼저 첫 번째 프로그램은 프로그래밍 입문자가 보통 생각해 볼 수 있는 방법이구요. 두 번째는 추상화를 통해 좀 더 간결한 코드로 작성한 프로그램입니다. 구구단_입문자용 다음은 일반적으로 생각할 수 있는 구구단 프로그램의 화면 구성입니다. 위의 이미지에서 보시듯 1~9까지의 각 숫자에 해당하는 레이블을 9개 만들어주고, 각 계산결과가 각 레이블에 나타나게 하였습니다. 블록 코딩은 매우 간단하지만, 비슷한 과정이 반복되어 있습니다. 계산하기 버튼을 클릭하면, 각 레이블의 텍스트가 각 숫자에 맞는 계산 결과를 보여주도록 하였습니다. 그래서 총 9개의 레이블 .. 2021. 8. 2. 이전 1 2 3 다음
