모바일 앱

Proyecta에서 모바일 친화적인 웹 앱을 만들어보세요. PWA는 지금 바로 사용 가능하며, PWA Builder를 통해 iOS/Android 네이티브 래퍼도 지원합니다.

Proyecta는 웹 앱을 만드는 도구입니다. “폰에서 실행되는 앱”으로 가는 가장 빠른 길은 반응형 웹 앱입니다 — 선택적으로 Progressive Web App(PWA)으로 강화하면 사용자가 홈 화면에 앱을 설치하고, (지원되는 플랫폼에서) 푸시 알림, 오프라인 지원, 전체 화면 경험을 누릴 수 있습니다.

App Store, Google Play, Microsoft Store를 통한 네이티브 배포가 필요하다면, 게시된 PWA를 PWA Builder 같은 도구로 래핑하면 됩니다.

기본 제공 기능

Builder의 반응형 뷰포트 전환기 — 편집 중에 Desktop / Tablet / Mobile 미리보기를 자유롭게 전환
모바일 우선 AI 프롬프트 — AI가 요청 시 반응형 레이아웃 구성 방법을 숙지하고 있음
모바일 대시보드 탭 — Appearance, Test, Publish 단계로 구성된 전용 Mobile 패널로 앱을 설치 가능한 모바일 앱으로 변환
푸시 알림 — 푸시 알림 참고
모바일 Builder UI — Proyecta 자체가 폰에서도 작동하므로 이동 중에도 앱을 만들 수 있음

Mobile 탭

대시보드를 열고 Mobile 탭으로 이동하면 3단계 안내 흐름을 확인할 수 있습니다:

Appearance — 앱 아이콘, 이름, 테마 색상을 검토합니다. 아직 모바일 지원이 설정되지 않은 경우 Set up mobile support를 클릭하면 Proyecta가 한 번에 자동으로 설정해줍니다 — 프롬프트를 따로 작성할 필요가 없습니다.
Test — QR 코드를 스캔해 실제 폰에서 게시된 앱을 열어볼 수 있습니다 (모바일에서 테스트하기 참고).
Publish to App Store — 앱 스토어에 패키징 및 제출하기 위한 단계별 안내입니다 (앱 스토어에 게시하기 참고).

웹 앱 템플릿에는 이미 웹 앱 매니페스트(site.webmanifest)와 서비스 워커(sw.js)가 포함되어 있어, 첫 빌드부터 설치 가능하고 오프라인을 지원하는 PWA의 기반이 갖춰져 있습니다 — Mobile 탭과 AI가 이를 여러분의 앱에 맞게 최적화해줍니다.

PWA 경로

가장 빠른 방법은 Mobile 탭의 Set up mobile support 버튼을 사용하는 것입니다. 더 구체적으로 설정하고 싶다면 AI에게 직접 요청할 수도 있습니다:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

어떤 방법을 사용하든 매니페스트와 서비스 워커가 설정됩니다. 게시 후 사용자는:

모바일 브라우저에서 앱을 열고
브라우저 메뉴에서 Add to Home Screen(iOS) 또는 Install app(Android)을 선택해
홈 화면에서 네이티브 앱처럼 실행할 수 있습니다

iOS 16.4 이상의 PWA는 Web Push도 지원하므로 알림 기능을 사용할 수 있습니다 — 설정 방법은 푸시 알림을 참고하세요.

더 나아가기: 네이티브 래퍼

App Store나 Google Play에 출시해야 한다면, 게시된 PWA를 래핑하는 방법을 권장합니다:

*.proyecta.live 서브도메인(또는 커스텀 도메인)에 게시
pwabuilder.com을 열고 URL 입력
네이티브 패키지 생성 — Android(AAB), iOS(Xcode 프로젝트), Windows(MSIX)
각 스토어에 제출

자세한 내용은 앱 스토어에 게시하기를 참고하세요.

알아두어야 할 제한 사항

Apple은 네이티브 기능을 추가하지 않은 순수 WebView 앱을 거부할 수 있습니다. App Store를 타겟으로 하기 전에 이 점을 고려하세요.
iOS에서의 푸시 알림은 사용자가 먼저 Safari에서 PWA를 설치해야 합니다 (래퍼 앱에서는 불가).
카메라, GPS, 연락처는 모두 웹 API를 통해 작동합니다 — 네이티브 전용 API(HealthKit, ARKit)는 PWA 래퍼에서 접근할 수 없습니다.

곧 출시 예정

네이티브 React Native / Expo 템플릿 — 진정한 네이티브 쉘이 필요한 프로젝트를 위해
Capacitor 통합 — 래핑의 대안으로
Builder 내 앱 스토어 게시 마법사 (아이콘, 스플래시 화면, 스토어 등록 설명)
Builder와 연동되는 앱 스토어 메타데이터 관리