순삭

순삭은 10,000편 이상의 유튜브 영화·드라마 리뷰 영상을
결말까지 깔끔하고 쉽게 즐길 수 있는 서비스입니다.

목차

• 전환
• 폴더 구조
• 소개 페이지

전환

본 프로젝트는 기존 Flutter 프로젝트 Plotz를 React Native로 전환한 프로젝트입니다.

Index	Plotz (Before)	순삭 (After)
프레임워크	Flutter	React Native (Expo)
언어	Dart	TypeScript
아키텍처	Clean MVVM	Feature-based Architecture
상태관리	Provider, RxDart	TanStack Query, Context API
DI	get_it	-
라우팅	go_router	React Navigation
네트워킹	Dio, Retrofit	Supabase Client
로컬 DB	sembast, Hive	AsyncStorage
스타일링	-	Emotion
Backend	Firebase (Firestore, Realtime DB)	Supabase, NestJS
인증	Firebase Auth	Supabase Auth (Google, Kakao, Apple)
애널리틱스	Firebase Analytics, Crashlytics	Firebase Analytics, Sentry

소개 페이지

폴더 구조

|-- src
    |-- core                    # 인프라 레이어
    |   |-- api                 # Supabase 클라이언트
    |   |-- config              # 설정 상수
    |   |-- services            # 애널리틱스, 웹훅
    |   |-- types               # 공통 타입
    |   |-- utils               # 유틸리티 함수
    |
    |-- features                # 기능 모듈
    |   |-- auth                # 인증 (Google, Kakao, Apple)
    |   |-- channel             # 채널/크리에이터
    |   |-- content             # 영화/드라마 콘텐츠
    |   |-- favorites           # 찜 목록
    |   |-- push-notifications  # 푸시 알림
    |   |-- recommendations     # 개인화 추천
    |   |-- tmdb                # TMDB API 연동
    |   |-- youtube             # YouTube 연동
    |
    |-- presentation            # UI 레이어
        |-- components          # 공통 컴포넌트
        |-- hooks               # 커스텀 훅
        |-- screens             # 화면 컴포넌트
        |-- navigation          # 네비게이션
        |-- providers           # Context Providers
        |-- styles              # 스타일, 테마