앱 & 요금제모바일PWA오프라인
모바일 & PWA — iOS/Android 에서 사용
iOS Safari 와 Android Chrome 에서 '홈 화면에 추가' → 풀스크린 + 푸시 알림 + 오프라인 캐시.
약 4분 2026년 5월 11일 업데이트
iOS 에서 홈 화면 추가
1
Safari 로 Tabple 접속
https://tabple.com (또는 사용 중인 도메인) 으로 로그인.
주의Chrome 등 다른 브라우저는 iOS 에서 '홈 화면 추가' 가 불가합니다 — 반드시 Safari.
2
공유 → 홈 화면에 추가
주소창 위쪽 '공유' 아이콘 → 메뉴에서 '홈 화면에 추가'. 이름 확인 후 '추가'.
3
홈 화면 아이콘 실행
주소창 없는 풀스크린으로 Tabple 가 열립니다. 네이티브 앱과 유사한 경험.
참고iOS 16.4+ 부터 웹 푸시도 지원 — 설정 → 알림에서 권한 허용.
Android 에서 설치
1
Chrome 으로 Tabple 접속
Chrome / Edge 등 Chromium 기반 브라우저.
2
주소창의 '설치' 또는 ⋮ → 앱 설치
주소창 우측에 '설치' 버튼이 자동으로 나타나거나, ⋮ 메뉴에서 '앱 설치'.
TIP안 보이면 한 번 새로고침 후 다시 시도. Service Worker 가 등록되면 표시됩니다.
3
홈 화면 + 앱 서랍
설치 후 홈 화면과 앱 서랍 양쪽에 아이콘 추가. 푸시 알림 권한도 자동 요청.
모바일 전용 UX
- 하단 네비게이션 — 받은편지함·캘린더·메모·알림 4슬롯 + 허브 (프로젝트 빠른 진입)
- Bottom Sheet — 모달이 화면 하단에서 슬라이드 업, 한 손 조작 친화
- Safe Area — 노치/홈 인디케이터 영역 자동 회피
- Longpress 셀렉션 — 캘린더에서 250ms 길게 누르면 드래그-to-create 진입 + 햅틱 피드백
- Swipe sub-nav — 알림 탭(history/mentions/threads/saved/...) 사이 좌우 swipe 전환
- 44px tap target — 칸반 카드/리스트 행/버튼 모두 최소 44px (Apple HIG 기준)
오프라인 사용
- 위키 페이지 편집 → 네트워크 단절 시 IndexedDB(
offlineStore) 자동 저장 → 복구 시 자동 동기화 - 채팅 메시지도 동일 —
offlineChatStore+chatSyncQueue가 네트워크 복구를 감지해 순서대로 발송 - 오프라인 사용자 ID 별로 격리 — 같은 기기에서 여러 계정 사용해도 안전
- Web Locks 로 동시 sync 중복 방지
푸시 알림
1
알림 권한 허용
PWA 첫 실행 시 또는 '설정 → 알림' 에서 브라우저에 권한 부여.
2
Pushy ID 발급 + 구독
Tabple 가 자동으로 Pushy 토큰을 발급해 서버에 등록. 멘션·DM·태스크 변경 시 푸시.
3
iOS 알림
iOS 16.4+ Safari 만 PWA 푸시 지원 — 기기/iOS 버전 확인.
참고iOS 16 미만은 푸시 미지원, 인앱 토스트만 사용.