내 손으로 만드는 첫 앱!

오늘은 나의 첫 앱 만들기를 시작해 봅시다!!! 완전 기대되죵?? 환호소리가 여기까지 들리네요!! 첫번째 앱은 과연 어떤 앱일까요?! 이번 튜토리얼은 저번 튜토리얼에서 다루었던 PUNCH앱의 기본적인 기능을 직접 만들어 볼 것 입니다.(정말 기본적인 기능만요.) 다음 튜토리얼에서 디자인 및 특별한 속성을 추가하여 총 2번에 걸쳐 앱을 완성하겠습니다. 자 쉴 시간이 없어요! 갑시다!

이 튜토리얼을 시작하기 전에

아래 사항을 꼭 준비하세요. 꼭!! 아마 이미 다 준비되어 있겠죠?! 그래도 확인하고 준비합시다!

  • 안드로이드 폰(앱인벤터로 만든 앱은 안드로이드 스마트폰에서만 작동합니다.)
  • 스마트폰과 PC가 공유하는 WiFi 네트워크 또는 스마트폰과 PC를 연결하는 케이블
  • 드림코드에서 제공하는 배포파일 (그림파일, 소리파일, 완성된 소스코드) 배포파일 다운 받기 링크

우리가 만들어 볼 앱 미리 보기

화가 나면 복수하자. 나의 원수를 때리면 원수가 비명을 지르는 복수앱!! 으억!! 어렸을때 한번쯤 재미로 졸라맨 누르면서 좋아했던적 있죠? 저만 그랬나요? 간단하고 유치하지만 직접만들면 또 색다를 거에요!

배울 수 있는 기능

이 튜토리얼을 통해 여러분이 배울 수 있는 기능은 다음과 같습니다. 짠!

  • TextBox(텍스트 박스)의 사용방법
  • label(레이블, 라벨)의 사용방법
  • Button(버튼)의 사용방법 및 활용 방법
  • 소리 출력

프로젝트 만들기

저번시간에 해봤죠?! 앱인벤터로 들어가 (ai2.appinventor.mit.edu) 로그인을 합니다. 또는 드림코드 페이지에서 앱 인벤터 바로가기를 클릭하여 앱인벤터에 접속합니다. 알림 창(Welcome to App Inventor)의 왼쪽 아래 [Continue] 버튼을 클릭하여 알림 창을 제거합니다.(알림 창 및 뒤 배경화면은 마지막으로 작업했던 프로젝트의 화면으로 사용자마다 다를 수 있습니다.)

왼쪽 상단의 Project 메뉴의 Start new project… 항목을 클릭합니다. 새로운 알림 창(Create new App Inventor project)이 뜨면 revenge를 빈칸에 입력하고 OK 버튼을 클릭하여 revenge 프로젝트를 생성합니다.(프로젝트 이름은 앱 이름이 되며, 영어로 입력해야 합니다.)

여기까지 프로젝트 생성을 마쳤습니다. 처음이라 좀 자세히 했어요~~ 너무 느린가요????ㅋㅋㅋ 그래도 처음이니깐 이정도는 해줘야죠.ㅋ 앞으로 몇 번 더 할지도...ㅋ

댓글