🎭
🎟
📑
🦋
🦋
아웃캐스트
관람 기록 앱
사용 설명서
나의 아웃캐스트 관극을 기록하고
재관람카드 · 할인권을 스마트하게 관리하는 앱!
✏️ 2026년 5월 작성
📱 앱 기본 구조
🗺️ 화면 구성
앱은 상단 헤더 + 탭 콘텐츠 + 하단 네비게이션으로 구성돼 있어요!
🏠 홈 화면
▲ 홈 화면
✦
다음 관극 일정 카드
가장 가까운 예정 공연, D-day, 캐스트, 좌석 정보가 한눈에!
✦
할인권 현황
40%·50% 할인권, 증빙패스 잔여 수량
✦
재관람카드
도장 현황을 한눈에 확인!
✦
예매 확정 내역
기록된 관람 일정 목록
- 1 -
📝 관람 기록 추가하기
▲ 기록 추가 모달
상단의 ＋ 기록 버튼을 탭하면
관람 기록 추가 화면이 나타나요!
1날짜 / 시간 선택
2좌석 열 · 번호 입력 (예: A열 6번)
3알렉산드로스 / 필로스 배우 이름
4이벤트 (예: 프리뷰)
5사용 할인 선택
6재관람카드 연동
7도장 적립 수 (1·2·3회)
8내역서 이미지 첨부 (선택)
💡 자동 완성 기능!
날짜와 시간을 선택하면 해당 공연의 캐스트 정보가
자동으로 채워져요. (공연 일정표 연동)
공휴일 체크 시 시간 옵션이 바뀌어요!
- 2 -
📑 재관람카드 시스템
재관람카드는 공연을 볼 때마다 도장이 찍히는 카드예요!
7개의 슬롯에 도장이 차면 다양한 혜택을 받을 수 있어요 🎁
🏆 재관람 혜택
| 3회차 |
→ |
🎫 40% 할인권 × 2장 획득! |
| 5회차 |
→ |
📸 폴라로이드 증정! |
| 7회차 |
→ |
🎶 50% 할인권 + OST 증정! |
🎯 도장 적립 방법
✦기록 추가 시 재관람카드를 선택하면 자동으로 연동!
✦더블·트리플 관람도 한 번에 등록 가능
✦날짜가 표시된 도장을 꾹 누르면 이동/편집 가능
✦나눔 관극의 경우 도장 미적용으로 설정 가능
➕ 카드 추가
홈 화면 하단의 ＋ 재관람카드 추가 버튼으로 새 카드 생성!
여러 장의 재관람카드를 동시에 관리할 수 있어요.
- 3 -
🎟 할인권 관리
▲ 할인권 탭
쿠폰 현황
✦40% 할인권 잔여 수량 확인
✦50% 할인권 잔여 수량 확인
✦증빙패스 잔여 수량 확인
수동 조정
✦＋ / − 버튼으로 직접 추가 · 차감
✦📦 쿠폰팩 추가로 한 번에 등록
📋 할인권 상세 기록
재관람카드 재관람 달성 시 자동으로 기록이 남아요!
수동으로 추가/차감 시에도 메모와 함께 기록됩니다.
📅 일정 탭
▲ 일정 탭
✦다가오는 일정 - 예정된 공연 목록
✦지난 관람 기록 - 이미 본 공연 목록
✦각 항목을 탭하면 상세 정보 확인
✦🧾 내역서보기 - 첨부한 티켓 이미지 확인
- 4 -
💾 데이터 백업 & 복원
📤 데이터 백업하기
-
1
하단 ⚙️ 설정 탭으로 이동
-
2
💾 데이터 관리 섹션 찾기
-
3
백업 버튼 탭 → JSON 파일 다운로드!
파일명 예시: outcast_backup_2026-05-04.json
📥 데이터 복원하기
-
1
하단 ⚙️ 설정 탭으로 이동
-
2
💾 데이터 관리 섹션에서 복원 버튼 탭
-
3
백업해 둔 .json 파일을 선택
-
4
확인 버튼을 누르면 데이터가 복원돼요! 🎉
⚠️ 주의사항
복원 시 현재 데이터가 덮어쓰여져요!
복원 전에 먼저 백업을 해두는 게 안전해요.
내역서 이미지는 별도로 저장되므로
복원 후 이미지는 다시 첨부해야 할 수 있어요.
🔄 일정 업데이트
설정 탭 → 🔄 일정 업데이트 버튼
구글 시트에서 최신 공연 일정을 자동으로 불러와요!
- 6 -
✨ 알아두면 좋은 팁!
🎯 스마트한 사용 팁
✦
일정 항목 탭 → 상세 정보 + 좌석 지도 확인!
✦
도장 드래그 → 카드 간 도장 이동 가능 (드래그 앤 드롭)
✦
D-day 표시로 관극일까지 얼마나 남았는지 확인
✦
PWA 설치 → 홈 화면에 추가하면 앱처럼 사용 가능!
✦
내역서 이미지 → 티켓 사진을 기록에 첨부할 수 있어요
🏷️ 상태 태그 설명
✦
예정 → 아직 안 본 공연
✦
오늘 → 오늘 보는 공연
✦
관람완료 → 이미 본 공연
✦
나눔 → 나눔 관극으로 기록된 공연
🦋
즐거운 관극 되세요!
https://rangmong.github.io/Outcast_2026/
- 7 -
