1. PWA(프로그레시브 웹 앱)란 무엇인가?
PWA (Progressive Web App)는 구글과 애플이 적극 지원하는 현대 웹 표준 기술입니다. 브라우저 주소창이나 상하단 UI 네비게이션 바 없이, 스마트폰 홈 화면에서 네이티브 앱처럼 풀스크린(Standalone Mode)으로 실행할 수 있습니다.
RunMemo는 manifest.json과 최신 Service Worker (sw.js)를 기본 탑재하고 있어, 단 한 번만 접속하면 핵심 코드와 정적 자산이 기기 내부 캐시에 안전하게 저장됩니다.
2. iPhone (iOS Safari)에서 1초 만에 홈 화면 추가하기
애플 아이폰에서는 사파리(Safari) 브라우저를 통해 다음과 같이 손쉽게 추가할 수 있습니다:
- 아이폰 Safari 브라우저로
https://runmemo.online에 접속합니다. - 화면 하단 중앙의 [공유(Share)] 버튼(위쪽 화살표가 있는 네모 아이콘)을 누릅니다.
- 스크롤을 살짝 내려 [홈 화면에 추가 (Add to Home Screen)] 메뉴를 터치합니다.
- 우측 상단의 [추가]를 누르면 홈 화면에 RunMemo 전용 앱 아이콘이 생성됩니다.
💡 아이폰 실행 팁
홈 화면에 생성된 RunMemo 아이콘을 터치해 실행하면, 사파리 브라우저의 상하단 주소창이 완전히 사라진 풀스크린 단독 앱 모드로 구동되어 달리기 중 오터치가 원천 방지됩니다.
3. Android (Chrome)에서 원터치 앱 설치하기
안드로이드 갤럭시 스마트폰에서는 더욱 간단합니다:
- Chrome 브라우저로 RunMemo에 접속합니다.
- 화면 우측 상단의 더보기 메뉴(점 3개)를 누릅니다.
- [앱 설치] 또는 [홈 화면에 추가] 버튼을 누릅니다.
- 팝업에서 [설치]를 확인하면 앱 서랍(App Drawer)과 홈 화면에 즉시 등록됩니다.
4. 인터넷이 안 터지는 터널이나 산속에서도 녹음되는 오프라인 원리
"비행기 탑승 모드이거나 LTE/5G 신호가 잡히지 않는 곳에서도 녹음이 될까요?"
네, 완벽하게 작동합니다. PWA의 Service Worker가 핵심 자산(HTML, CSS, JS, 음성 캡처 모듈)을 기기 로컬 캐시에 저장해 두었기 때문에 오프라인 상태에서도 앱이 즉각 실행됩니다.
마이크를 통해 녹음된 WebM 오디오 데이터는 브라우저의 IndexedDB 로컬 스토리지에 안전하게 임시 보관되며, 네트워크가 다시 연결되었을 때 원하는 시점에 AI 텍스트 정제를 수행할 수 있습니다.
5. 네이티브 앱 대비 PWA의 4가지 결정적 장점
| 비교 항목 | 전통적인 스토어 앱 | RunMemo PWA |
|---|---|---|
| 설치 용량 | 50MB ~ 200MB 이상 | 1MB 미만 (캐시 최적화) |
| 업데이트 | 스토어 심사 대기 및 수동 업데이트 | 접속 시 항상 최신 버전 자동 적용 |
| 개인정보 권한 | 과도한 기기 권한 요구 빈번 | 마이크 권한 1개만 투명하게 요청 |
| 크로스 플랫폼 | iOS/Android 따로 유지보수 | PC, Mac, iPhone, Galaxy 모든 기기 동일 경험 |
📌 3초 세팅 요약
- 사파리 또는 크롬에서 [홈 화면에 추가]를 눌러 퀵 아이콘을 만든다.
- 달리기 전 홈 화면 아이콘을 탭해 풀스크린 스튜디오로 진입한다.
- 오프라인에서도 안심하고 녹음하고, IndexedDB에 안전하게 보관한다.