sb d2e5495619 feat: 강아지 관리 화면 (프로필 CRUD + 댕비티아이 편집)
- dogs 스토어: 내 강아지 로드/등록/수정/삭제, 대표견(currentDog)
- ProfilePage: 강아지 등록/선택/삭제, 성향 태그 편집·저장, 회원 티어 표시
- HomePage 체크인/매칭 주체를 대표견으로 전환(미등록 시 안내)
- http 클라이언트 put/del 추가, 임시 session 스토어 제거
- 로그아웃 시 강아지 상태 리셋, Dialog 플러그인 등록

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 09:02:04 +09:00

산책갈개 · 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

S
Description
No description provided
Readme 323 KiB
Languages
Vue 69.3%
TypeScript 29.7%
SCSS 0.7%
HTML 0.3%