Live Build Sneak Peek: Designing an AI Learning iOS App

🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 결론

AI 학습용 iOS 앱 개발 미리보기로, 퀴즈와 에이전트 실습용 ‘차고’를 연결하는 구조를 소개하고 교육과정과 픽셀 아트 디자인을 다듬는다.

📌 핵심 요점

1. AI와 에이전트에 관심은 있지만 기술적 진입 장벽을 느끼는 초보자를 위해, Duolingo를 참고한 학습 앱을 개발한다.
2. 퀴즈로 XP와 크레딧을 얻고 차고에서 에이전트 작업과 장비 확장을 경험하도록 설계한다. 차고에서 버는 돈은 실제 현금이 아닌 게임 내 재화다.
3. Orca에서 Claude Code와 Hermes를 함께 사용하며, 퀴즈·교육과정 작업과 차고·이미지 작업을 나눈다.
4. 개발자가 기초 개념의 학습 순서를 직접 정리하고, 기존 입문 콘텐츠를 바탕으로 AI가 재구성한 수업과 문제를 개별 검토한다.
5. 차고에는 정면 구도의 픽셀 아트를 적용했지만, 실제 iPhone 테스트와 기능 보완, 무료·유료 범위 결정은 남아 있다.

🧩 배경과 문제 정의

발표자는 봄에 AI와 에이전트를 배우는 iOS 앱 개발을 시작했다가 중단한 뒤 다시 작업을 이어간다. 문제의식은 AI를 잘 아는 사람과 거의 모르는 사람 사이에, 관심은 있지만 기술적으로 어렵게 느끼는 초보자가 있다는 것이다.

앱은 짧은 퀴즈와 에이전트 실습 공간인 ‘차고’를 결합한다. 이미 일부 구현된 프로젝트를 바탕으로 디자인과 교육과정을 개선하는 영상이며, 처음부터 전 과정을 만드는 시연은 아니다. 발표자는 이를 자신의 첫 iOS 앱이라고 설명한다.

🕒 시간순 섹션별 상세정리

1. 초보자를 위한 AI 학습 앱 구상

• 봄에 시작한 프로젝트는 AI와 에이전트를 배우는 Duolingo 같은 앱이다. 관심은 있지만 기술적으로 어렵게 느끼는 사람을 대상으로 한다. [00:30]
• 짧은 퀴즈와 에이전트 사용법을 익히는 차고를 구상했으나, Windows PC에서 iOS 앱을 개발하는 과정에서 어려움을 겪고 작업을 쉬었다. [00:57]
• 최근 모델의 개선을 계기로 개발을 재개했다. 이미 절반가량 만들어진 앱의 작업 방식과 디자인 결정을 공개한다. [01:43]

2. 프로젝트 홍보와 현재 개발 환경

• Agent Wikis를 소개하며 일반 위키는 무료이고, Pro는 월 19.99달러에 추가 영상·스킬·뉴스레터·에이전트 프로필 등을 제공한다고 보여준다. 이는 개발 중인 앱과 별도의 서비스 소개다. [02:21]
• 장기 프로젝트를 다루는 Orca에서 코딩 도구와 Hermes를 함께 사용한다. Hermes에는 AI iOS 앱 빌더 프로필을 두고 서로 다른 모델을 활용한다. [03:03]
• 이 작업에서 Hermes를 사용하는 이유로 이미지 생성 백엔드의 필요성을 든다. [03:10]

3. 퀴즈 보상과 차고 실습 구조

• 웹 버전은 Duolingo를 연상시키는 구성이며, 퀴즈를 풀어 XP와 크레딧을 얻는다. 현재 UI는 상당한 수정이 필요하다고 보여준다. [04:03]
• 크레딧을 사용하는 차고에는 에이전트가 있고, 일정에 따른 작업을 맡기는 방식으로 cron 작업을 배울 수 있도록 구상한다. [04:16]
• 에이전트에 모델·컨텍스트·스킬을 부여하려 한다. 일부 동작은 개발자가 구성하고 다른 부분에는 실제 모델을 쓸 수 있다고 보여준다. [04:48]

4. 차고의 시각적 방향과 성장 구조

• 임시 이미지를 대체하기 위해 치비 작업실, 픽셀 아트, 깔끔한 3D 스타일을 비교한다. PC 화면이 아닌 모바일에서 어떻게 보일지가 선택 기준이다. [05:44]
• 정면 구도와 다른 구도를 비교하며 공간 크기를 고민한다. 퀴즈로 얻은 크레딧으로 장비를 추가하고 차고를 확장하는 구조를 보여준다. [06:19]
• 차고의 수익은 게임 내 재화다. 처음에는 에이전트 하나로 시작하고, 이후 하위 에이전트와 여러 에이전트 사이의 워크플로로 확장하려 한다. [06:42]

5. 교육과정은 사람이 학습 순서를 설계

• 기존 봄 버전의 교육과정을 다시 구성한다. 발표자는 AI가 개별 질문에는 잘 답하지만 수업과 교육과정 설계는 만족스럽지 않았다고 평가한다. [07:28]
• 기초 과정에는 AI·LLM·생성형 AI, 토큰·컨텍스트·메모리, 스킬·플러그인·MCP·에이전트와 예약 작업을 포함하려 한다. [08:12]
• 직접 정리한 코스 맵을 바탕으로 Claude에 교육과정 재구성을 맡긴다. 이후 Hermes와 Claude Code 등 개별 도구를 다루는 별도 과정도 구상한다. [08:39]

6. 정면 픽셀 아트 선택과 이미지 수정

• 치비와 픽셀 스타일 중에서 픽셀 쪽을 선호하며, 작업 공간을 더 확보할 수 있을 것으로 보고 정면 구도를 요청한다. [09:21]
• 첫 정면 픽셀 결과의 품질에 불만을 표시한다. 에이전트가 수정 방향에 동의하면서도 바로 실행하지 않아 추가 지시가 필요했던 사례를 보여준다. [10:07]
• 퀴즈와 차고 작업을 나누고 이미지 수정을 이어간다. 개선된 결과를 확인한 뒤 해당 방향으로 진행하기로 한다. [10:40]

7. 두 에이전트의 협업과 수업 초안 검토

• Claude에 Hermes가 차고 아트를 맡고 있음을 알린다. 두 도구가 Orca CLI를 통해 서로의 작업을 볼 수 있다고 보여준다. [10:57]
• 현재는 같은 작업 트리에서 협업하지만, 프로젝트가 커지면 아트 작업 등을 별도 작업 트리로 나눠 충돌을 줄이는 방안을 고려한다. [11:23]
• Claude가 재구성한 아홉 개 수업은 기존 AI 입문·Hermes 관련 콘텐츠와 일반 조사를 바탕으로 한다. 발표자는 각 수업과 파일을 직접 검토해야 한다고 드러낸다. [12:23]

8. 설명·평가·복습으로 이어지는 수업 구성

• 학습자가 사용할 에이전트 이름은 Spark다. 수업은 개념을 먼저 설명하고 이해도를 묻는 퀴즈를 제시하는 방식이다. [13:00]
• 아홉 문항 중 네 문항을 평가에 사용하고, 네 문항 가운데 세 문항을 맞히면 통과하도록 보여준다. 나머지는 일정 시간이 지난 뒤 복습에 활용한다. [13:30]
• 일부 요소는 이전 빌드에서 남아 있다. Orca에서 Markdown 파일을 렌더링해 검토하고, 이어 개발 로드맵을 살펴본다. [13:57]

9. 실제 기기 개발 경로와 수익화 구상

• Railway 스테이징, Apple 개발자 계정, EAS 개발 빌드와 기기 검증을 준비한다. 출시 전 차고 기능·일일 반복 구조·과정을 보완하고 iPhone에서 시험해야 한다. [14:29]
• 대부분을 무료로 제공하되 차고의 에이전트 기능 일부를 유료화하고, 꾸미기용 크레딧을 판매하는 방안을 검토한다. 유지 비용과 수익화는 아직 예상 단계다. [14:57]
• Expo 계정과 Apple 개발자 프로그램을 이용해 PC에서 iOS 개발 빌드를 준비하는 경로를 검토한다. 기기를 등록한 뒤 PC 개발 서버의 변경을 Wi-Fi로 반영하는 방식이 제안된다. [15:53]

10. 차고 아트와 상점 기능 적용 확인

• 아트를 적용한 차고와 상점을 열어 본다. 책상·프롬프트 포스터·작업실 러그 등을 크레딧으로 구매하는 구성을 보여준다. [16:25]
• 식물에 물을 주는 작업을 실행하며 차고에서 다룰 자동화의 예를 보여준다. PC에서 보이는 크기와 배치는 추가 확인이 필요하다. [16:46]
• 수업 목록과 프로필을 살펴본다. 교육과정 재설계와 차고 아트 적용에는 진전이 있었지만 실제 휴대전화 테스트와 추가 조정이 남았다고 정리한다. [17:16]

11. 첫 iOS 앱의 남은 작업과 후속 공개

• 첫 iOS 앱의 개발 뒷모습을 보여주려 했다고 보여준다. 독립적인 주제의 후속 영상과 Agent Wikis Pro용 추가 라이브 빌드 영상을 검토한다. [17:38]
• 프로젝트와 iOS 앱 개발에 대한 의견을 요청하고 추가 목업을 보여준다. 아직 손볼 부분이 있으며 다음 영상에서 이어가겠다고 마무리한다. [18:09]

🧾 결론

• 이번 영상의 결과물은 교육과정 재구성과 차고 아트 적용이다. 출시가 완료된 앱을 소개하는 단계는 아니다.
• 학습 구조는 개념 설명, 이해도 퀴즈, 차고 실습, 이후 복습으로 이어지도록 구상됐다.
• AI가 콘텐츠와 이미지를 생성해도, 초보자에게 적절한 설명과 모바일 화면 품질은 개발자가 검토해야 한다.

📈 투자·시사 포인트

• AI 교육의 기회는 발표자가 지적한 초보자의 진입 장벽을 얼마나 낮출 수 있는지에 있다. 영상에는 시장 규모나 실제 학습 성과 자료가 제시되지 않는다.
• 대부분의 학습 기능은 무료로 제공하고 차고의 에이전트 기능과 꾸미기용 크레딧을 유료화하는 방안을 검토한다. 가격과 수익성은 아직 확정되지 않았다.
• 코딩과 이미지 생성을 서로 다른 도구에 맡기는 작업 방식은 역할 분담 사례를 보여준다. 개발 시간이나 비용 절감 효과를 수치로 검증한 내용은 없다.
• Windows PC에서 iOS 개발을 이어가는 경로를 검토하지만, 실제 기기에서 빌드와 사용성을 확인해야 제품화 가능성을 판단할 수 있다.

⚠️ 불확실하거나 확인이 필요한 부분

• 화면 시연은 웹 버전 중심이다. 모바일에서 보기 좋을 것이라는 설명은 기대이며, 실제 iPhone에서의 배치와 조작 품질은 아직 확인되지 않았다.
• 차고에는 개발자가 구성한 모의 동작과 실제 모델 활용이 함께 들어갈 수 있다. 어떤 기능이 실제 에이전트를 실행하는지는 확정되지 않았다.
• 무료·유료 기능의 경계, 크레딧 가격, 운영비는 미정이다. 유지 비용이 크지 않을 것이라는 설명도 발표자의 예상이다.
• 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
• 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
• 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

• 재구성된 수업과 퀴즈를 개별 검토하고, 초보자가 이해하기 어려운 설명과 이전 빌드의 잔여 요소를 정리한다.
• 실제 iPhone에서 차고 이미지 크기, 정면 구도, 수업 화면과 상점 조작을 확인한다.
• Apple 개발자 계정과 Expo/EAS 개발 빌드 경로를 준비하고, 기기 설치·로그인·코드 변경 반영을 검증한다.
• 차고에서 모의 학습으로 처리할 부분과 실제 모델을 사용할 부분을 구분하고, 작업·장비·에이전트 간 흐름을 구체화한다.

❓ 열린 질문

• 퀴즈에서 익힌 개념이 차고의 에이전트 작업과 어떻게 연결돼 실제 이해로 이어질까?
• 일정 실행, 하위 에이전트, 에이전트 간 워크플로 중 어디까지 실제 기능으로 구현할까?
• 학습 접근성을 유지하면서 어떤 차고 기능에 비용을 부과할까?