부산스럽다

실시간 혼잡도 데이터를 기반으로 관광지·맛집·문화시설·축제 정보를 제공하는 부산 지역 특화 관광서비스

🖥️ 시연 영상

🛠 기술 스택

분류	기술
Framework	React Native 0.73
Language	TypeScript
Navigation	React Navigation (Stack, Bottom Tabs)
State Management	Context API, AsyncStorage
Animation	React Native Reanimated, Lottie
Real-time	STOMP.js, SockJS (WebSocket)
Authentication	Kakao OAuth, React Native Keychain
UI Components	React Native SVG, Linear Gradient

📂 프로젝트 구조

src/
├── screens/           # 화면 컴포넌트
│   ├── HomeScreen.tsx           # 홈 화면
│   ├── CongestionScreen.tsx     # 혼잡도 화면
│   ├── BusanTalkScreen.tsx      # 실시간 채팅
│   ├── AttractionScreen.tsx     # 관광지 목록
│   ├── FestivalScreen.tsx       # 축제 정보
│   ├── PlaceDetailScreen.tsx    # 장소 상세
│   └── ...
├── components/        # 재사용 컴포넌트
│   ├── common/                  # 공통 UI
│   ├── home/                    # 홈 화면 전용
│   ├── map/                     # 지도 관련
│   └── KakaoLogin.tsx           # 카카오 로그인
├── contexts/          # Context API
│   ├── AuthContext.tsx          # 인증 상태
│   ├── LocationContext.tsx      # 위치 상태
│   ├── LikesContext.tsx         # 즐겨찾기 상태
│   └── ToastContext.tsx         # 토스트 알림
├── services/          # API 서비스
│   ├── authService.ts           # 인증 API
│   ├── chatSocket.ts            # WebSocket 연결
│   ├── placeService.ts          # 장소 API
│   └── ...
├── navigation/        # 네비게이션
├── types/             # TypeScript 타입 정의
├── utils/             # 유틸리티 함수
└── assets/            # 이미지, 아이콘

🏗 아키텍처