- 다양한 앱 빌더 및 프로그래밍 언어에 대해 알아보기
- 앱 빌더를 사용하여 모바일 앱을 구축하도록 설정하기
모바일 앱 구축
테크노베이션 프로젝트에서는 모바일 기기에서 실행할 수 있는 앱을 제작하게 됩니다. 웹 앱도 옵션이지만, 코딩 경험이 있고 도전을 원하는 참가자에게 권장됩니다.
여기서는 블록 기반 코딩을 사용하여 모바일 앱을 만드는 방법을 살펴보겠습니다. 코딩이 처음이라면 여기서부터 시작하세요!
모바일 앱을 만들려면 앱 빌더를 사용하게 됩니다. 앱 빌더는 코딩 플랫폼이라고도 합니다.
코딩 플랫폼 은 안드로이드 스튜디오와 같이 컴퓨터에서 실행되는 소프트웨어 또는 MIT 앱 인벤터와 같은 온라인 웹사이트입니다. 앱 인벤터와 같은 블록을 사용하든 안드로이드 스튜디오와 같은 텍스트를 사용하든 코드를 작성할 수 있습니다. 작성한 코드는 컴파일또는 컴퓨터(및 휴대폰)가 이해할 수 있는 머신 코드로 변환됩니다. 머신 코드로 변환되면 컴퓨터나 휴대폰에서 코드를 실행하여 사용자의 지시를 따를 수 있습니다.
앱 빌더
앱 빌더 에는 일반적으로 코드를 입력하는 대신 블록을 사용하여 앱을 만들 수 있는 드래그 앤 드롭 인터페이스가 있습니다. 앱 빌더에서 코드는 간단해 보이지만 중요한 코딩 개념을 배우게 됩니다.
코딩이 처음인 경우 다음 중 하나를 사용하는 것이 좋습니다. 앱 인벤터 또는 Thunkable 을 프로그래밍 언어로 사용하는 것을 권장합니다. 프로젝트에 이러한 플랫폼을 사용해야 하는 것은 아니지만, 이 커리큘럼에서 지원하는 플랫폼입니다.
MIT 앱 인벤터
썽커블
앱에 포함하려는 기능을 더 잘 지원하는 플랫폼을 기준으로 App Inventor와 Thunkable 중 하나를 선택해야 합니다. 다음 표를 참조하여 결정하세요.
| 기능 | 앱 인벤터 | 썽커블 |
|---|---|---|
| iOS와 Android 모두에서 프로젝트 실행 및 테스트 가능 | 예 | 예 |
| 오픈 소스* | 예 | 아니요 |
| 무료 | 예 | 제한 없이 무료, 최대 3개의 프로젝트, 각각 5개의 화면, 모두 공개됨 |
| 영어 이외의 다양한 언어로 제공 | 예 | 아니요 |
| 예제 프로젝트가 있는 갤러리 | Wi-Fi 또는 에뮬레이터를 통한 휴대폰 사용 | 브라우저에 내장된 미리보기(테스트하기 쉬움) 또는 휴대폰에서 미리보기 |
| 라이브 테스트 | 예 | 예 |
| 휴대폰에 설치하거나 앱/플레이 스토어에 업로드할 앱을 빌드합니다. | 안드로이드 전용 | 월 2회 다운로드 제한 |
| 사용자 인터페이스 | 기본 | 더 많은 옵션과 제어 기능 |
| 지도 | 더 많은 옵션과 제어 기능 | 기본 |
| 게임용 스프라이트 및 애니메이션 | 더 쉬운 사용 | 작동하지만 더 복잡합니다. |
| 모바일 장치에 데이터 저장 | TinyDB(태그/값 쌍) | 저장된 변수 |
| 클라우드에 데이터 저장 및 공유 | 클라우드DB, 파이어베이스, 구글 스프레드시트 | 에어테이블, 파이어베이스, 구글 스프레드시트, 미디어 DB(더 많은 옵션, 구현하기 쉬움) |
| 인공 지능 | 개인 이미지 분류기, 개인 오디오 분류기, 얼굴 메시, 포제넷(더 많은 옵션) | 이미지 인식기(사전 구축된 Microsoft 이미지 분류기) |
| 제너레이티브 AI | ChatGPT, Dall-E | ChatGPT, Dall-E |
| 데이터 과학/차트 | 기본 제공 차트 구성 요소, 회귀 모델 | 외부 API 사용 |
* 오픈소스란 무엇인가요?
오픈 소스는 앱 빌더를 만드는 데 사용된 모든 코드를 웹에서 무료로 사용할 수 있도록 공개한다는 의미입니다. 앱 빌더가 지원을 중단하거나 폐업할 경우 작업물을 잃어버릴까봐 걱정된다면 이 점이 중요할 수 있습니다. 또한 오프라인에서 앱 빌더를 사용할 수 있는 해결 방법을 찾고자 하는 경우에도 중요할 수 있습니다.
2024년 10월 중순부터 Thunkable은 무료 플랜을 3개의 프로젝트로 제한하고 있습니다. 각 프로젝트는 5개 화면으로 제한됩니다. 앱이 5개 화면보다 더 복잡하다고 생각되면 앱 인벤터를 사용하여 앱을 코딩하는 것을 고려해야 합니다. 또한 Thunkable이 무료 서비스를 계속 다운그레이드할지 여부에 따라 향후 Thunkable 프로젝트에 대한 액세스 권한을 잃을 가능성도 있습니다.
기타 언어 옵션
앱 인벤터와 Thunkable 외에도 앱을 빌드하는 데 사용할 수 있는 프로그래밍 언어는 많지만 대부분 텍스트 기반입니다.
아래는 지난 시즌 테크노노베이션 참가자들이 사용한 앱 인벤터 또는 툰커블을 제외한 상위 4개 언어입니다. 이러한 언어에 국한되지 않으며 익숙한 프로그래밍 언어를 사용할 수 있습니다. 제출물과 함께 소스 코드 파일을 제공해야 합니다.
| 프로그래밍 언어 | 다음용 앱 만들기 | 코딩 플랫폼 | 시작 리소스 |
|---|---|---|---|
| Java | Android | 안드로이드 스튜디오 | |
| Swift | iOS | XCode | |
| Dart(Flutter SDK) | Android/iOS | 안드로이드 스튜디오 | |
| Streamlt(파이썬) | 웹 앱(모든 브라우저) | Anaconda(Windows) 또는 모든 텍스트 편집기/IDE |
어떤 코딩 플랫폼/언어를 사용해야 할지 잘 모르시겠어요? 테크노베이션 졸업생들이 선택한 코딩 플랫폼과 그 이유에 대해 이야기하는 것을 들어보세요.
멘토 팁
모범 모범 사례: 테크노베이션 YouTube 코딩 재생 목록을 확인하고 팀과 함께 몇 가지 동영상을 시청하여 각각의 작동 방식을 이해하고 결정을 내리는 데 도움을 받으세요.
과거 참가자들의 조언:
- Thunkable은 깔끔한 인터페이스, iOS와의 기본 호환성, 다른 앱 빌더에는 없는 기능을 제공합니다.
- 앱 인벤터는 신뢰할 수 있으며 많은 참가자가 이 도구에 어느 정도 익숙합니다.
- 스위프트와 자바는 스스로 도전하거나 다양한 기능을 탐색하고자 하는 재학생에게 유용할 수 있습니다.
- 다른 프로그래밍 언어도 훌륭합니다.
멘토 팁은 AmeriCorps의 지원을 받아 제공됩니다.
시작하기
테크노베이션 프로젝트를 위한 모바일 앱을 코딩하려면 다음이 필요합니다:
- 컴퓨터 또는 노트북
- 인터넷 액세스
- 모바일 장치는 선택 사항이지만 테스트용으로 적극 권장됩니다. Android 및 iOS 기기 모두 사용할 수 있습니다.
활동 1: 코딩 플랫폼 설정하기
예상 시간: 30분
썽커블 또는 앱 인벤터가 아닌 다른 소프트웨어를 사용하는 경우, 이 시간을 사용하여 위의 리소스 링크와 설정 지침에 따라 컴퓨터 설정에 필요한 모든 소프트웨어를 다운로드하세요.
Thunkable 및 앱 인벤터 코더의 경우 아래의 해당 탭을 클릭하고 지침에 따라 워크스테이션을 설정하여 코딩을 시작하세요! 두 플랫폼을 모두 사용해보고 각 플랫폼이 마음에 드는지 확인해 보세요.
- 브라우저에서 다음을 방문하세요. http://ai2.appinventor.mit.edu. Gmail 계정으로 가입합니다. Gmail 계정이 없는 경우 지금 바로 만드세요.
- 로그인하고 시작 화면이 표시되면 계속을 클릭합니다.
- 새 프로젝트를 열려면 빈 프로젝트 시작을 클릭합니다.
- 잠시 시간을 내어 플랫폼을 둘러보세요.
앱을 빌드할 때 앱을 테스트하여 올바르게 작동하는지 확인해야 합니다. 여러 가지 옵션이 있습니다. 여기.
1부: 가입하기
브라우저에서 썽커블 가입 페이지 를 방문하여 무료 계정에 가입하세요.
2부: 테스트 설정
웹 미리보기를 사용하여 브라우저에서 바로 Thunkable에서 앱을 테스트할 수 있습니다. 어느 시점에서 모바일 기기에서 앱을 실시간으로 테스트하고 싶을 것입니다. 다음을 수행해야 합니다. Thunkable 라이브 앱 을 설치해야 합니다.
주요 용어 검토
- 앱 빌더 - 일반적으로 코드 입력 없이 앱을 빌드할 수 있는 드래그 앤 드롭 인터페이스가 있는 프로그램입니다.
- 프로그래밍 언어 - 컴퓨터 또는 휴대폰과 대화하여 작업을 수행하도록 지시하는 방법
- 코딩 플랫폼 - 프로그램이나 앱을 작성할 수 있는 프로그램 또는 웹사이트
- 컴파일 - 컴퓨터 코드를 컴퓨터가 이해할 수 있는 기계어 코드로 변환합니다.
돌아보기
첫 앱을 제작하게 된 것을 축하합니다! 다음은 팀 및 멘토와 함께 생각해 볼 수 있는 몇 가지 성찰 질문입니다.
