앱스토어 등록 절차나 모바일 코딩 없이, 웹 애플리케이션을 사용자의 스마트폰 바탕화면에 즉시 설치 가능한 PWA(Progressive Web App) 및 안드로이드 APK 모바일 앱으로 전환합니다.
1. PWA & 모바일 앱 전문 용어 사전 (Glossary)
- PWA (Progressive Web App): 웹 표준 기술(HTML/CSS/JS) 기반이지만 모바일 앱처럼 홈 화면 설치, 오프라인 동작, 푸시 알림 기능을 제공하는 앱 형태입니다.
- Service Worker (서비스 워커): 브라우저 백그라운드에서 실행되며 네트워크 요청 캐싱, 오프라인 화면 표시, 푸시 메시지 수신을 전담하는 자바스크립트 스크립트입니다.
- manifest.json: 앱 이름, 아이콘 이미지, 테마 색상, 디스플레이 모드(
standalone) 정보가 적힌 설정 파일입니다. - TWA (Trusted Web Activity): PWA 웹사이트를 안드로이드 플레이스토어용 APK/AAB 패키지로 감싸주는 구글의 공식 기술 규격입니다.
2. PWA 필수 설정 1: manifest.json 파일 명세
{
"name": "DAVHAVE 스마트 AI 비서",
"short_name": "DAVHAVE AI",
"description": "생성형 AI 기반 스마트 업무 보조 웹 앱",
"start_url": "/",
"display": "standalone",
"background_color": "#121212",
"theme_color": "#ff6b35",
"icons": [
{
"src": "/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
3. 웹을 1분 만에 안드로이드 APK 앱으로 만드는 방법
- PWABuilder (pwabuilder.com) 접속:
- 라이브 배포된 PWA 웹사이트 URL 입력 및 검증.
- [Package for Store] 버튼 클릭 후 안드로이드 APK 파일 다운로드 및 스마트폰 설치!
4. 자주 묻는 질문 (Q&A)
Q. 아이폰(iOS Safari)에서도 PWA 설치가 잘 되나요? A. 네! 사파리 브라우저에서 웹사이트 접속 후 하단 **[공유 버튼] $ ightarrow$ [홈 화면에 추가]**를 누르면 아이폰 바탕화면에 앱 아이콘이 생성되어 상단 주소창이 없는 완전한 앱 모드로 실행됩니다.