모바일 — iOS/Android 앱 & PWA
iPhone·iPad 는 App Store, Android 는 Google Play 에서 설치. 브라우저만 쓸 수 있는 환경이라면 '홈 화면에 추가'(PWA) 로 풀스크린 + 푸시 + 오프라인 캐시.
이 가이드에서 다루는 내용
네이티브 앱 설치 (권장)
iPhone · iPad — App Store
App Store 에서 '탭플' 또는 'Tabple' 검색 후 설치. 다운로드 페이지(/download)의 App Store 배지로도 바로 이동할 수 있습니다.
Android — Google Play
Google Play 에서 '탭플' 또는 'Tabple' 검색 후 설치. 다운로드 페이지의 Google Play 배지로도 바로 이동할 수 있습니다.
로그인
웹과 동일한 계정으로 로그인하면 프로젝트·위키·채팅이 그대로 동기화됩니다. 오프라인에서 편집한 내용도 재연결 시 자동 반영.
PWA — 앱 설치가 어려울 때
iOS: Safari 로 접속 → 공유 → 홈 화면에 추가
주소창 위쪽 '공유' 아이콘 → '홈 화면에 추가' → 이름 확인 후 '추가'. 주소창 없는 풀스크린으로 열립니다.
Android: Chrome 주소창의 '설치' 또는 ⋮ → 앱 설치
주소창 우측에 '설치' 버튼이 자동으로 나타나거나, ⋮ 메뉴에서 '앱 설치'. 설치 후 홈 화면과 앱 서랍 양쪽에 아이콘이 추가됩니다.
푸시 알림 권한 허용
PWA 도 푸시를 지원합니다. iOS 는 16.4+ 에서만 웹 푸시가 동작하며, Android 는 설치 시 권한을 자동 요청합니다.
모바일 전용 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 중복 방지
푸시 알림
네이티브 앱 — 로그인만 하면 끝
App Store · Google Play 앱은 로그인 시 APNs(iOS) / FCM(Android) 토큰이 자동 등록됩니다. 멘션·DM·태스크 변경 시 푸시가 전달됩니다.
PWA — 알림 권한 허용
PWA 첫 실행 시 또는 '설정 → 알림' 에서 브라우저에 권한 부여. Tabple 가 자동으로 Pushy 토큰을 발급해 서버에 등록합니다.
PWA 의 iOS 제약
iOS 는 16.4+ Safari 에서만 웹 푸시를 지원합니다 — 기기/iOS 버전을 확인하세요.