워크숍 개요
이 워크숍이 끝나면 여러분은 직접 만든 모바일 앱을 휴대폰에서 실행하고, AI와 대화하며, 클라우드에 데이터를 저장하는 전체 과정을 경험하게 됩니다.
🎯 이렇게 성장합니다
- 모바일 앱과 웹 앱의 차이를 명확히 이해하고, 언제 어떤 것을 선택할지 판단할 수 있습니다.
- 모바일 개발 플랫폼(네이티브, 크로스플랫폼, PWA, 저코드, AI 보조)의 전체 지도를 그릴 수 있습니다.
- 배포 플랫폼(앱스토어, EAS, OTA 업데이트, 클라우드 백엔드)의 흐름을 파악합니다.
- 직접 만든 앱을 휴대폰에서 구동합니다. MindLog는 텍스트나 음성으로 생각과 아이디어를 기록하고, AI의 답변을 받으며, 날짜·시간·날씨·위치 정보와 함께 자동으로 일기를 완성해주는 개인 기록 앱입니다.
📱 우리가 만들 앱: MindLog
| 기능 | 설명 |
|---|---|
| 텍스트 기록 | 채팅창처럼 생각이나 아이디어, 사실을 타이핑합니다. |
| 음성 기록 | 음성 메모를 녹음하면 자동으로 텍스트로 변환되어 저장됩니다. |
| AI 답변 | 각 기록에 대해 LLM(Nvidia Nemotron 3.5 Lightning via OpenRouter)이 따뜻한 답변을 남깁니다. |
| 일일 로그 | 하루 동안의 모든 기록이 날짜·시간·날씨·위치 메타데이터와 함께 자동으로 묶여 저장됩니다. |
| 클라우드 백엔드 | Cloudflare Workers(API) + Cloudflare D1(데이터베이스)로 구성됩니다. |
🛠 기술 스택
| 영역 | 도구 | 선택 이유 |
|---|---|---|
| 모바일 앱 | React Native + Expo | iOS와 Android를 하나의 코드로 개발. Expo Go로 휴대폰에서 1분 만에 미리보기 가능 |
| AI 코딩 도우미 | Claude Code | 코드를 짜주고 설명해줍니다. 초보자에게 최적입니다. |
| 클라우드 백엔드 | Cloudflare Workers + D1 | 무료 티어 사용 가능. 서버 관리 없이 전 세계에 초고속 배포 |
| LLM | Nvidia 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절) 완료 여부를 꼭 확인하세요. 아직 준비되지 않은 참가자는 강의 시간 동안 옆 사람과 짝을 이루고, 휴식 시간에 따라잡도록 안내합니다.