모바일 — 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+ 에서만 웹 푸시가 동작합니다. 권한은 설정 → 알림의 'OS 푸시 허용'에서 요청합니다.
모바일 전용 UX
- 하단 네비게이션(네이티브 앱 1.3.5 이상) — 홈 · 할 일 · 캘린더 · 대화 · 메모와 마지막 ‘전체’ 칸입니다. 바에 없는 화면은 ‘전체’에서 열고, 가운데 칸은 ‘전체’ 판 위의 편집 버튼에서 직접 고를 수 있으며, ‘나’는 홈의 아바타로 엽니다. 프로젝트 안에서는 위쪽 칩으로 업무·위키·채팅 같은 섹션을 오가고, 왼쪽 위 프로젝트 이름으로 다른 프로젝트로 옮겨 갑니다
- 하단 네비게이션(웹 PWA) — 허브 + 대시보드·캘린더·메모·알림 (프로젝트 안에서는 허브 + 보드·위키·기획·채팅·목표). 허브를 누르면 검색, 워크스페이스 목록, 내 프로젝트 목록이 열림
- Bottom Sheet — 모달이 화면 하단에서 슬라이드 업, 한 손 조작 친화
- Safe Area — 노치/홈 인디케이터 영역 자동 회피
- Longpress 셀렉션 — 캘린더에서 250ms 길게 누르면 드래그-to-create 진입 + 햅틱 피드백
- Swipe sub-nav — 알림 탭(history/mentions/threads/saved/...) 사이 좌우 swipe 전환
- 44px tap target — 칸반 카드/리스트 행/버튼 모두 최소 44px (Apple HIG 기준)
오프라인 사용
- 네이티브 앱 — 평생 라이선스·저장 공간 구독·팀 좌석이면 ‘오프라인에서 사용’으로 고른 프로젝트와 개인 기능을 기기에 통째로 받아 둘 수 있습니다. 설명은 ‘최근 추가 기능 빠른 가이드’의 ‘앱 — 오프라인에서 사용, 보내지 못한 변경’에 있습니다
- 웹 PWA — 아래는 브라우저에서 자동으로 일어나는 저장입니다
- 위키 페이지 편집 → 네트워크 단절 시 IndexedDB(
offlineStore) 자동 저장 → 복구 시 자동 동기화 - 채팅 메시지도 동일 —
offlineChatStore+chatSyncQueue가 네트워크 복구를 감지해 순서대로 발송 - 오프라인 사용자 ID 별로 격리 — 같은 기기에서 여러 계정 사용해도 안전
- Web Locks 로 동시 sync 중복 방지
푸시 알림
네이티브 앱 — 로그인만 하면 끝
App Store · Google Play 앱은 로그인 시 APNs(iOS) / FCM(Android) 토큰이 자동 등록됩니다. 멘션·DM·태스크 변경 시 푸시가 전달됩니다.
PWA — 알림 권한 허용
'설정 → 알림'에서 'OS 푸시 허용'을 켜고 브라우저의 알림 권한을 허용하세요. 허용하면 브라우저 푸시 구독이 서버에 등록되어, 탭을 닫아도 알림을 받을 수 있습니다.
PWA 의 iOS 제약
iOS 는 16.4+ Safari 에서만 웹 푸시를 지원합니다 — 기기/iOS 버전을 확인하세요.