- 깃헙 검색 API를 활용한 깃헙 모바일 애플리케이션 클론
- 깃헙 앱을 활용한 깃헙 oauth 인증 (깃헙 로그인)
- 사용된 IDE: VS Code (version 1.87.1)
- 플러터/다트 버전:
% flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.9, on macOS 13.6.2 22G320 darwin-arm64, locale en-KR)
• Dart version 3.2.6
• DevTools version 2.28.5
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.87.1)
dependencies:
flutter:
sdk: flutter
dio: ^5.4.1
equatable: ^2.0.5
flutter_bloc: ^8.1.4
flutter_dotenv: ^5.1.0
flutter_keyboard_visibility: ^6.0.0
flutter_svg: ^2.0.10+1
flutter_web_auth: ^0.5.0
fluttertoast: ^8.2.4
get_it: ^7.6.7
go_router: ^13.2.0
google_fonts: ^6.1.0
json_annotation: ^4.8.1
package_info_plus: ^5.0.1
pretty_dio_logger: ^1.3.1
retrofit: ^4.1.0
shared_preferences: ^2.2.2
webview_flutter: ^4.7.0
dev_dependencies:
flutter_test:
sdk: flutter
build_runner: ^2.4.8
flutter_lints: ^2.0.0
json_serializable: ^6.7.1
retrofit_generator: ^8.1.0- 앱을 빌드하기전 깃헙 애플리케이션을 생성한후 깃헙 애플리케이션의 Client ID 및 Client Secret을 생성한후 프로젝트 디렉토리에 .env 파일을 생성한후 아래와 같이 등록해줘야합니다.
// ./.env 파일
CLIENT_ID=...
CLIENT_SECRET=...
깃헙 애플리케이션 생성 및 Clinet Secret 발급 방법: https://docs.github.com/ko/apps/creating-github-apps/registering-a-github-app/registering-a-github-app
- 아래 명령들을 통해 애플리케이션을 빌드해줍니다.
% flutter pub get
% dart pub run build_runner build --delete-conflicting-outputs
% flutter run
- 스플래시 화면
- 로그인화면
- 홈화면
- 홈 탭
- 검색 화면
- 검색 결과 화면
- 프로필 탭
- 설정 화면
- 홈 탭