챕터별 상세
00:00
OnSpace AI 소개 및 프로젝트 시작
OnSpace AI는 코딩이나 API 키 설정 없이 자연어 대화만으로 네이티브 모바일 앱을 구축할 수 있는 플랫폼이다. 사용자는 대시보드의 채팅 인터페이스에 원하는 앱의 기능을 설명하는 것만으로 개발을 시작할 수 있다. React Native 설정이나 Xcode, Android Studio 같은 복잡한 도구 없이도 작동한다.
네이티브 앱은 특정 운영체제에 최적화된 언어로 개발되어 성능이 뛰어난 앱을 의미한다.
01:10
자연어 프롬프트를 이용한 UI 설계
중고폰 거래 앱인 'PhoneDeals' 제작을 위해 두 개의 화면 구성을 요청했다. 첫 번째는 2열 그리드 형태의 제품 브라우징 화면이며 모델명, 가격, 이미지, 신규 상품 배지를 포함한다. 두 번째는 사용자가 자신의 폰 사진을 업로드하고 상태를 입력하여 견적을 받는 화면이다.
프롬프트는 AI에게 특정 작업을 수행하도록 지시하는 명령어를 의미한다.
03:10
Spaces를 활용한 서버리스 백엔드 구축
OnSpace의 내장 백엔드인 'Spaces'를 활성화하여 데이터베이스를 구축했다. 기존의 Supabase나 Firebase처럼 복잡한 설정 없이 채팅으로 모델명, 가격, 이미지 URL, 신규 여부 등의 컬럼을 가진 테이블 생성을 지시했다. 시스템은 요청에 따라 자동으로 데이터베이스 스키마를 생성하고 연동했다.
백엔드는 앱의 데이터 저장 및 처리를 담당하는 뒷단 시스템을 의미한다.
03:50
데이터 연동 및 실시간 반영 확인
Spaces 대시보드에서 테스트 데이터를 직접 입력하여 앱에 실시간으로 반영되는지 확인했다. iPhone 14 Pro, Galaxy S23 등의 데이터를 입력하자 앱 프리뷰 화면에 즉시 상품 카드가 생성되었다. 신규 상품 배지 기능도 조건에 맞게 정상적으로 표시되었다.
실시간 반영은 데이터베이스의 변경 사항이 앱 화면에 즉각 업데이트되는 것을 말한다.
04:30
추가 기능 구현 및 디자인 고도화
디자인 고도화를 위해 헤더 색상 변경, 카드 모서리 둥글게 처리, 그림자 효과 추가 등을 프롬프트로 지시했다. 또한 폰 상태를 1~10점으로 선택할 수 있는 슬라이더와 연락처 입력 필드를 포함한 견적 요청 폼을 완성했다. 모든 변경 사항은 코드 수정 없이 채팅만으로 즉각 반영되었다.
UI/UX 고도화는 사용자 인터페이스와 경험을 더 세련되고 편리하게 만드는 과정이다.
06:10
앱 배포 및 APK 다운로드
완성된 앱은 'Publish' 버튼을 통해 즉시 배포할 수 있다. 안드로이드용 APK 파일을 직접 다운로드하여 고객에게 배포하거나 구글 플레이 스토어용 AAB 파일, 앱 스토어용 빌드를 생성할 수 있다. 로컬 상점의 경우 QR 코드를 통해 고객이 즉시 앱을 설치하도록 유도하는 실무 전략이 소개되었다.
AAB는 구글 플레이 스토어 배포를 위한 최신 표준 앱 번들 형식이다.
언급된 리소스
AI 분석 전체 내용 보기
AI 요약 · 북마크 · 개인 피드 설정 — 무료
출처 · 인용 안내
원문 발행 2026. 02. 24.수집 2026. 02. 24.출처 타입 YOUTUBE
인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.