Skip to content

node-laboratory/CAFE_CROWD_RN

Repository files navigation

☕ 카페붐빔 (Cafe Crowd)

내 주변 카페가 한산한지 한 눈에 Apps-in-Toss 미니앱으로 만나는 카페 혼잡도 서비스

Apps-in-Toss React Native TypeScript Naver Maps


📌 소개

카페붐빔은 원하는 장소의 카페 내부 혼잡도를 확인할 수 있는 토스 미니앱입니다.

Frame 5610 image image

✨ 주요 기능

기능 설명
🗺️ 실시간 지도 주변 카페 위치를 네이버 지도 위에 표시
📊 혼잡도 갱신 1분마다 http 폴링으로 카페 상태 갱신
📍 내 위치 Apps-in-Toss getCurrentLocation API로 GPS 좌표 획득
🔍 장소 검색 주소·지명으로 지도 이동
🏪 카페 상세 핀 탭 시 하단 시트로 사진·소개·네이버 플레이스 연결
📱 토스 통합 더보기 메뉴의 공유/신고/문의 기능 자동 제공

🛠 기술 스택

Frontend

React Native 0.84  +  React 19.2,3  +  TypeScript 5.8
Apps-in-Toss SDK 2.5.1  (@apps-in-toss/framework)
Granite Framework  (@granite-js/react-native)
TDS React Native  (@toss/tds-react-native)
react-native-webview 2.0.3 +  Naver Maps JavaScript API v3

🏗 아키텍처

┌────────────────────────────────────────┐
│         토스 앱 (Apps-in-Toss)          │
│  ┌──────────────────────────────────┐  │
│  │     카페붐빔 미니앱 (RN 0.84)     │  │
│  │  ┌────────────────────────────┐  │  │
│  │  │  WebView                   │  │  │
│  │  │  └─ Naver Maps JS API      │  │  │
│  │  └────────────────────────────┘  │  │
│  │  ┌────────────────────────────┐  │  │
│  │  │  API Layer (src/api)       │  │  │
│  │  └────────────┬───────────────┘  │  │
│  └───────────────┼──────────────────┘  │
└──────────────────┼─────────────────────┘
                   │ HTTPS (1분 주기 폴링)
                   ▼
        ┌──────────────────────┐
        │  Spring Boot Backend │
        │  (Kotlin)            │
        └──────────┬───────────┘
                   │
                   ▼
        ┌──────────────────────┐
        │     PostgreSQL       │
        └──────────────────────┘

About

앱인토스 토스 미니앱 이용자를 위한 React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors