sb
0c538e0658
- 로그인 화면: 구글(GIS) 버튼 + 애플 버튼 + 개발용 로그인(local) - 인증 스토어(Pinia): 토큰 복구/로그인/로그아웃, 회원 티어를 광고·매칭 제어에 반영 - HTTP 클라이언트: Authorization Bearer 자동 첨부, 401 시 토큰 폐기 후 로그인 이동 - 라우터 가드: 미로그인 시 보호 경로 → /login (소셜 로그인 전용 앱) - 헤더 회원 메뉴/로그아웃, 체크인 주체를 로그인 회원으로 전환 - 토큰 localStorage 저장(웹/Capacitor 공용) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
산책갈개 · dognation_PT (Frontend)
우리 개 성향에 맞는 동네 산책 메이트를 안전하게 찾는 iOS/AOS 앱의 프론트엔드.
스택
- Vue 3 + TypeScript
- Quasar (UI, 하늘색 파스텔 테마)
- Vite (번들러)
- Pinia (상태관리 · 구독 티어)
- Capacitor (iOS/AOS 네이티브 패키징)
시작하기
npm install
cp .env.example .env # VITE_API_BASE_URL 설정
npm run dev # 웹 개발 서버 (http://localhost:9000)
빌드
npm run build # 타입체크 + 웹 빌드
npm run build:app # Capacitor용 빌드 (상대경로)
네이티브(추가 예정)
npx cap add ios
npx cap add android
npx cap sync
구조
src/pages/HomePage.vue— 스팟 지도 / 체크인 / 한줄평 / 메이트src/pages/ProfilePage.vue— 강아지 프로필 / 댕비티아이 성향 태그 / 구독 티어src/stores/subscription.ts— 구독 티어 상태 (광고 노출·매칭 제한 파생)src/components/AdBanner.vue— FREE 티어 배너 광고 (v-if 제어)src/quasar-variables.scss— 하늘색 파스텔 브랜드 컬러
백엔드: dognation_BT