이 워크숍이 끝나면 여러분은 직접 만든 모바일 앱을 휴대폰에서 실행하고, AI와 대화하며, 클라우드에 데이터를 저장하는 전체 과정을 경험하게 됩니다.
🎯 이렇게 성장합니다
- 모바일 앱과 웹 앱의 차이를 명확히 이해하고, 언제 어떤 것을 선택할지 판단할 수 있습니다.
- 모바일 개발 플랫폼(네이티브, 크로스플랫폼, PWA, 저코드, AI 보조)의 전체 지도를 그릴 수 있습니다.
- 배포 플랫폼(앱스토어, EAS, OTA 업데이트, 클라우드 백엔드)의 흐름을 파악합니다.
- 직접 만든 앱을 휴대폰에서 구동합니다. MindLog는 텍스트나 음성으로 생각과 아이디어를 기록하고, AI의 답변을 받으며, 날짜·시간·날씨·위치 정보와 함께 자동으로 일기를 완성해주는 개인 기록 앱입니다.
📱 우리가 만들 앱: MindLog
| 기능 | 설명 |
|---|---|
| 텍스트 기록 | 채팅창처럼 생각이나 아이디어, 사실을 타이핑합니다. |
| 음성 기록 | 음성 메모를 녹음하면 자동으로 텍스트로 변환되어 저장됩니다. |
| AI 답변 | 각 기록에 대해 OpenRouter를 통해 호출한 google/gemini-3.5-flash-lite가 따뜻한 답변을 남깁니다. |
| 일일 로그 | 하루 동안의 모든 기록이 날짜·시간·날씨·위치 메타데이터와 함께 자동으로 묶여 저장됩니다. |
| 클라우드 백엔드 | Cloudflare Workers(API) + Cloudflare D1(데이터베이스)로 구성됩니다. |
🛠 기술 스택
| 영역 | 도구 | 선택 이유 |
|---|---|---|
| 모바일 앱 | React Native + Expo | iOS와 Android를 하나의 코드로 개발. Expo Go로 휴대폰에서 1분 만에 미리보기 가능 |
| AI 코딩 도우미 | Claude 데스크톱 앱 | 연결된 프로젝트 폴더에서 코드를 작성하고 설명하며 테스트까지 실행합니다. |
| 클라우드 백엔드 | Cloudflare Workers + D1 | 무료 티어 사용 가능. 서버 관리 없이 전 세계에 초고속 배포 |
| LLM | Google Gemini 3.5 Flash Lite (OpenRouter 경유) | google/gemini-3.5-flash-lite를 OpenRouter API로 호출합니다. |
| 날씨 정보 | 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절) 완료 여부를 꼭 확인하세요. 아직 준비되지 않은 참가자는 강의 시간 동안 옆 사람과 짝을 이루고, 휴식 시간에 따라잡도록 안내합니다.
전체 워크숍 둘러보기
각 Part는 독립된 페이지로 구성되어 있습니다. 순서대로 진행하거나 필요한 주제로 바로 이동하세요.
02 · 25분Part 1 — 모바일 앱 vs 웹 앱
모바일 앱과 웹 앱의 차이를 이해하고 무엇을 만들지 결정하는 기준을 배웁니다.
03 · 25분Part 2 — 모바일 앱 개발 플랫폼
네이티브, 크로스플랫폼, PWA와 AI 보조 개발 방식을 비교합니다.
04 · 20분Part 3 — 모바일 앱 배포 플랫폼
앱스토어, EAS, OTA 업데이트와 Cloudflare 백엔드 배포 흐름을 익힙니다.
05 · 75분 실습Part 4 — MindLog 직접 만들고 배포하기
Claude 데스크톱 앱에 프롬프트 7개를 넣어 계획 문서부터 목업, 구현, 자동 테스트, Cloudflare 배포까지 진행합니다.
06 · 참고자료부록 — 부록과 실전 참고자료
용어집, 강사 체크리스트, 자주 발생하는 오류와 추가 학습 자료를 모았습니다.