기술 스택 및 아키텍쳐

주요 기술 스택

Stack	Detail
Flutter	v3.16.5
Dart	v3.2.3
Supabase	데이터베이스
riverpod	상태관리
json_serializable	모델링
go_router	라우팅
syncfusion_flutter_charts	차트 라이브러리

Folder Structure

타이브레이크의 폴더 구조는 다음과 같습니다.

초반에는 피쳐가 지금처럼 많지 않아 레이어 단위로 폴더 구조를 구성하였지만, 10개가 넘는 피쳐와 기능이 추가되고 레이어 단위로 관리가 힘들어져 피쳐 단위로 폴더 구조를 개편하였습니다.

│
├── apps
│     └── routes
│           └── app_routes.dart
│           └── router.dart
│     └── styles
│           └── color_config.dart
│     └── constants
│           └── links.dart
│           └── oss_licenses.dart
│
├── features
│     └── diary
│           └── create
│                   └── model
│                         └── diary.dart
│                         └── diary.g.dart
│                   └── provider
│                         └── diary_create_view_model_provider.dart
│                   └── service
│                         └── diary_create_service.dart
│                   └── viewModel
│                         └── diary_create_view_model.dart
│                   └── view
│                         └── widgets
│                         └── diary_create_view.dart
│           └── detail
│           └── statistics
│
│
│     └── courts
│     └── posts
│     └── home
│
├── common
│     └── dialog
│     └── loading
│     └── snackbar
│
│
├── utils
│     └── images
│     └── clipboard
│
├── main.dart
├── env
└── ...