모바일 앱 개발 워크숍

3시간 만에 AI 기반 일기 앱 "MindLog"를 만들고 배포하기
⏱ 3시간 (180분) 👥 초보자 대상 🎤 강의 + 실습

워크숍 개요

이 워크숍이 끝나면 여러분은 직접 만든 모바일 앱을 휴대폰에서 실행하고, AI와 대화하며, 클라우드에 데이터를 저장하는 전체 과정을 경험하게 됩니다.

🎯 이렇게 성장합니다

  1. 모바일 앱과 웹 앱의 차이를 명확히 이해하고, 언제 어떤 것을 선택할지 판단할 수 있습니다.
  2. 모바일 개발 플랫폼(네이티브, 크로스플랫폼, PWA, 저코드, AI 보조)의 전체 지도를 그릴 수 있습니다.
  3. 배포 플랫폼(앱스토어, EAS, OTA 업데이트, 클라우드 백엔드)의 흐름을 파악합니다.
  4. 직접 만든 앱을 휴대폰에서 구동합니다. MindLog는 텍스트나 음성으로 생각과 아이디어를 기록하고, AI의 답변을 받으며, 날짜·시간·날씨·위치 정보와 함께 자동으로 일기를 완성해주는 개인 기록 앱입니다.

📱 우리가 만들 앱: MindLog

기능설명
텍스트 기록채팅창처럼 생각이나 아이디어, 사실을 타이핑합니다.
음성 기록음성 메모를 녹음하면 자동으로 텍스트로 변환되어 저장됩니다.
AI 답변각 기록에 대해 LLM(Nvidia Nemotron 3.5 Lightning via OpenRouter)이 따뜻한 답변을 남깁니다.
일일 로그하루 동안의 모든 기록이 날짜·시간·날씨·위치 메타데이터와 함께 자동으로 묶여 저장됩니다.
클라우드 백엔드Cloudflare Workers(API) + Cloudflare D1(데이터베이스)로 구성됩니다.

🛠 기술 스택

영역도구선택 이유
모바일 앱React Native + ExpoiOS와 Android를 하나의 코드로 개발. Expo Go로 휴대폰에서 1분 만에 미리보기 가능
AI 코딩 도우미Claude Code코드를 짜주고 설명해줍니다. 초보자에게 최적입니다.
클라우드 백엔드Cloudflare Workers + D1무료 티어 사용 가능. 서버 관리 없이 전 세계에 초고속 배포
LLMNvidia Nemotron 3.5 Lightning (OpenRouter 경유)빠르고 무료 모델. OpenRouter를 통해 사용하므로 나중에 모델 교체도 코드 한 줄로 가능
날씨 정보Open-Meteo API무료 날씨 API. 별도의 API 키 없이 사용 가능

📋 시간표 (180분)

0:00 – 0:15
강의
환영, 자기소개, 환경 설정 점검
상호작용
0:15 – 0:40
강의
Part 1 — 모바일 앱 vs 웹 앱
발표
0:40 – 1:05
강의
Part 2 — 모바일 앱 개발 플랫폼
발표
1:05 – 1:25
강의
Part 3 — 모바일 앱 배포 플랫폼
발표
1:25 – 1:35
휴식
쉬는 시간 + 환경 설정 문제 해결
1:35 – 2:50
실습
Part 4 — MindLog 직접 만들고 배포하기
핸즈온
2:50 – 3:00
강의
시연, 정리, Q&A
상호작용
💡
강사 참고: 웰컴 세션에서 "사전 준비 체크리스트"(4.1절) 완료 여부를 꼭 확인하세요. 아직 준비되지 않은 참가자는 강의 시간 동안 옆 사람과 짝을 이루고, 휴식 시간에 따라잡도록 안내합니다.