sb
3130ce3fb7
- 하늘색 파스텔 브랜드 테마(quasar-variables) - 스팟 지도/체크인/한줄평/메이트 홈 화면 - 강아지 프로필 + 댕비티아이 성향 태그 화면 - 구독 티어 스토어(Pinia) 및 FREE 티어 배너 광고(v-if 제어) - Capacitor(iOS/AOS) 설정, 빌드/타입체크 통과 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
40 lines
1.2 KiB
Markdown
40 lines
1.2 KiB
Markdown
# 산책갈개 · dognation_PT (Frontend)
|
|
|
|
우리 개 성향에 맞는 동네 산책 메이트를 안전하게 찾는 iOS/AOS 앱의 프론트엔드.
|
|
|
|
## 스택
|
|
- **Vue 3 + TypeScript**
|
|
- **Quasar** (UI, 하늘색 파스텔 테마)
|
|
- **Vite** (번들러)
|
|
- **Pinia** (상태관리 · 구독 티어)
|
|
- **Capacitor** (iOS/AOS 네이티브 패키징)
|
|
|
|
## 시작하기
|
|
```bash
|
|
npm install
|
|
cp .env.example .env # VITE_API_BASE_URL 설정
|
|
npm run dev # 웹 개발 서버 (http://localhost:9000)
|
|
```
|
|
|
|
## 빌드
|
|
```bash
|
|
npm run build # 타입체크 + 웹 빌드
|
|
npm run build:app # Capacitor용 빌드 (상대경로)
|
|
```
|
|
|
|
## 네이티브(추가 예정)
|
|
```bash
|
|
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](https://gitlab.sblog.kr/sb/dognation_BT)
|