초기 커밋

lib/features/auth/data/datasources/auth_remote_source.dart

@@ -0,0 +1,28 @@
+import 'package:dio/dio.dart';
+import 'package:retrofit/retrofit.dart';
+
+import '../../../../core/constants/api_constants.dart';
+import '../models/login_request.dart';
+import '../models/register_request.dart';
+import '../models/token_response.dart';
+
+part 'auth_remote_source.g.dart';
+
+@RestApi()
+abstract class AuthRemoteSource {
+  factory AuthRemoteSource(Dio dio) = _AuthRemoteSource;
+
+  @POST(ApiConstants.login)
+  Future<TokenResponse> login(@Body() LoginRequest request);
+
+  @POST(ApiConstants.register)
+  Future<TokenResponse> register(@Body() RegisterRequest request);
+
+  @POST(ApiConstants.logout)
+  Future<void> logout();
+
+  @POST(ApiConstants.refreshToken)
+  Future<TokenResponse> refreshToken(
+    @Body() Map<String, String> body,
+  );
+}

lib/features/auth/data/models/login_request.dart

@@ -0,0 +1,15 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'login_request.freezed.dart';
+part 'login_request.g.dart';
+
+@freezed
+class LoginRequest with _$LoginRequest {
+  const factory LoginRequest({
+    required String email,
+    required String password,
+  }) = _LoginRequest;
+
+  factory LoginRequest.fromJson(Map<String, dynamic> json) =>
+      _$LoginRequestFromJson(json);
+}

lib/features/auth/data/models/register_request.dart

@@ -0,0 +1,16 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'register_request.freezed.dart';
+part 'register_request.g.dart';
+
+@freezed
+class RegisterRequest with _$RegisterRequest {
+  const factory RegisterRequest({
+    required String email,
+    required String password,
+    required String name,
+  }) = _RegisterRequest;
+
+  factory RegisterRequest.fromJson(Map<String, dynamic> json) =>
+      _$RegisterRequestFromJson(json);
+}

lib/features/auth/data/models/token_response.dart

@@ -0,0 +1,16 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'token_response.freezed.dart';
+part 'token_response.g.dart';
+
+@freezed
+class TokenResponse with _$TokenResponse {
+  const factory TokenResponse({
+    @JsonKey(name: 'access_token') required String accessToken,
+    @JsonKey(name: 'refresh_token') required String refreshToken,
+    @JsonKey(name: 'token_type') @Default('bearer') String tokenType,
+  }) = _TokenResponse;
+
+  factory TokenResponse.fromJson(Map<String, dynamic> json) =>
+      _$TokenResponseFromJson(json);
+}

lib/features/auth/data/repositories/auth_repository_impl.dart

@@ -0,0 +1,123 @@
+import 'dart:convert';
+
+import 'package:talker/talker.dart';
+
+import '../../../../core/constants/app_constants.dart';
+import '../../../../core/error/exceptions.dart';
+import '../../../../core/storage/secure_storage.dart';
+import '../../../../shared/models/user_role.dart';
+import '../../domain/entities/user.dart';
+import '../../domain/repositories/auth_repository.dart';
+import '../datasources/auth_remote_source.dart';
+import '../models/login_request.dart';
+import '../models/register_request.dart';
+
+class AuthRepositoryImpl implements AuthRepository {
+  AuthRepositoryImpl({
+    required this.remoteSource,
+    required this.secureStorage,
+    required this.talker,
+  });
+
+  final AuthRemoteSource remoteSource;
+  final SecureStorage secureStorage;
+  final Talker talker;
+
+  @override
+  Future<User> login({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      final response = await remoteSource.login(
+        LoginRequest(email: email, password: password),
+      );
+
+      await _saveTokens(response.accessToken, response.refreshToken);
+
+      // 로그인 후 사용자 정보 조회
+      final user = await getCurrentUser();
+      if (user == null) {
+        throw const ServerException(
+          message: '사용자 정보를 가져올 수 없습니다',
+          statusCode: 500,
+        );
+      }
+      return user;
+    } catch (e) {
+      talker.error('Login failed', e);
+      rethrow;
+    }
+  }
+
+  @override
+  Future<User> register({
+    required String email,
+    required String password,
+    required String name,
+  }) async {
+    try {
+      final response = await remoteSource.register(
+        RegisterRequest(email: email, password: password, name: name),
+      );
+
+      await _saveTokens(response.accessToken, response.refreshToken);
+
+      return User(
+        id: '',
+        email: email,
+        name: name,
+        role: UserRole.user,
+      );
+    } catch (e) {
+      talker.error('Register failed', e);
+      rethrow;
+    }
+  }
+
+  @override
+  Future<void> logout() async {
+    try {
+      await remoteSource.logout();
+    } catch (_) {
+      // 서버 로그아웃 실패해도 로컬 토큰은 삭제
+    } finally {
+      await secureStorage.delete(key: AppConstants.accessTokenKey);
+      await secureStorage.delete(key: AppConstants.refreshTokenKey);
+      await secureStorage.delete(key: AppConstants.userKey);
+    }
+  }
+
+  @override
+  Future<User?> getCurrentUser() async {
+    try {
+      final userData = await secureStorage.read(key: AppConstants.userKey);
+      if (userData != null) {
+        return User.fromJson(
+          jsonDecode(userData) as Map<String, dynamic>,
+        );
+      }
+      return null;
+    } catch (e) {
+      talker.error('Get current user failed', e);
+      return null;
+    }
+  }
+
+  @override
+  Future<bool> isLoggedIn() async {
+    final token = await secureStorage.read(key: AppConstants.accessTokenKey);
+    return token != null;
+  }
+
+  Future<void> _saveTokens(String accessToken, String refreshToken) async {
+    await secureStorage.write(
+      key: AppConstants.accessTokenKey,
+      value: accessToken,
+    );
+    await secureStorage.write(
+      key: AppConstants.refreshTokenKey,
+      value: refreshToken,
+    );
+  }
+}

lib/features/auth/domain/entities/user.dart

@@ -0,0 +1,22 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+import '../../../../shared/models/user_role.dart';
+
+part 'user.freezed.dart';
+part 'user.g.dart';
+
+@freezed
+class User with _$User {
+  const factory User({
+    required String id,
+    required String email,
+    required String name,
+    @Default(UserRole.user) UserRole role,
+    String? avatarUrl,
+    DateTime? createdAt,
+    DateTime? lastLoginAt,
+    @Default(true) bool isActive,
+  }) = _User;
+
+  factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
+}

lib/features/auth/domain/repositories/auth_repository.dart

@@ -0,0 +1,20 @@
+import '../entities/user.dart';
+
+abstract class AuthRepository {
+  Future<User> login({
+    required String email,
+    required String password,
+  });
+
+  Future<User> register({
+    required String email,
+    required String password,
+    required String name,
+  });
+
+  Future<void> logout();
+
+  Future<User?> getCurrentUser();
+
+  Future<bool> isLoggedIn();
+}

lib/features/auth/domain/usecases/login_usecase.dart

@@ -0,0 +1,15 @@
+import '../../domain/entities/user.dart';
+import '../../domain/repositories/auth_repository.dart';
+
+class LoginUseCase {
+  LoginUseCase({required this.repository});
+
+  final AuthRepository repository;
+
+  Future<User> call({
+    required String email,
+    required String password,
+  }) {
+    return repository.login(email: email, password: password);
+  }
+}

lib/features/auth/domain/usecases/logout_usecase.dart

@@ -0,0 +1,9 @@
+import '../../domain/repositories/auth_repository.dart';
+
+class LogoutUseCase {
+  LogoutUseCase({required this.repository});
+
+  final AuthRepository repository;
+
+  Future<void> call() => repository.logout();
+}

lib/features/auth/domain/usecases/register_usecase.dart

@@ -0,0 +1,20 @@
+import '../../domain/entities/user.dart';
+import '../../domain/repositories/auth_repository.dart';
+
+class RegisterUseCase {
+  RegisterUseCase({required this.repository});
+
+  final AuthRepository repository;
+
+  Future<User> call({
+    required String email,
+    required String password,
+    required String name,
+  }) {
+    return repository.register(
+      email: email,
+      password: password,
+      name: name,
+    );
+  }
+}

lib/features/auth/presentation/providers/auth_providers.dart

@@ -0,0 +1,78 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+import '../../../../core/logging/app_logger.dart';
+import '../../../../core/network/dio_client.dart';
+import '../../../../core/storage/secure_storage.dart';
+import '../../data/datasources/auth_remote_source.dart';
+import '../../data/repositories/auth_repository_impl.dart';
+import '../../domain/entities/user.dart';
+import '../../domain/repositories/auth_repository.dart';
+
+part 'auth_providers.g.dart';
+
+@Riverpod(keepAlive: true)
+AuthRemoteSource authRemoteSource(Ref ref) {
+  final dio = ref.read(dioProvider);
+  return AuthRemoteSource(dio);
+}
+
+@Riverpod(keepAlive: true)
+AuthRepository authRepository(Ref ref) {
+  return AuthRepositoryImpl(
+    remoteSource: ref.read(authRemoteSourceProvider),
+    secureStorage: ref.read(secureStorageProvider),
+    talker: ref.read(appLoggerProvider),
+  );
+}
+
+@riverpod
+class LoginNotifier extends _$LoginNotifier {
+  @override
+  FutureOr<void> build() {}
+
+  Future<User?> login({
+    required String email,
+    required String password,
+  }) async {
+    state = const AsyncLoading();
+    final result = await AsyncValue.guard(() async {
+      final repository = ref.read(authRepositoryProvider);
+      return repository.login(email: email, password: password);
+    });
+
+    state = result.hasError
+        ? AsyncError(result.error!, result.stackTrace!)
+        : const AsyncData(null);
+
+    return result.valueOrNull;
+  }
+}
+
+@riverpod
+class RegisterNotifier extends _$RegisterNotifier {
+  @override
+  FutureOr<void> build() {}
+
+  Future<User?> register({
+    required String email,
+    required String password,
+    required String name,
+  }) async {
+    state = const AsyncLoading();
+    final result = await AsyncValue.guard(() async {
+      final repository = ref.read(authRepositoryProvider);
+      return repository.register(
+        email: email,
+        password: password,
+        name: name,
+      );
+    });
+
+    state = result.hasError
+        ? AsyncError(result.error!, result.stackTrace!)
+        : const AsyncData(null);
+
+    return result.valueOrNull;
+  }
+}

lib/features/auth/presentation/screens/login_screen.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+import '../widgets/login_form.dart';
+
+class LoginScreen extends StatelessWidget {
+  const LoginScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.all(24),
+          child: ConstrainedBox(
+            constraints: const BoxConstraints(maxWidth: 400),
+            child: const Card(
+              child: Padding(
+                padding: EdgeInsets.all(32),
+                child: LoginForm(),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/auth/presentation/screens/register_screen.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+import '../widgets/register_form.dart';
+
+class RegisterScreen extends StatelessWidget {
+  const RegisterScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.all(24),
+          child: ConstrainedBox(
+            constraints: const BoxConstraints(maxWidth: 400),
+            child: const Card(
+              child: Padding(
+                padding: EdgeInsets.all(32),
+                child: RegisterForm(),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/auth/presentation/widgets/login_form.dart

@@ -0,0 +1,148 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:gap/gap.dart';
+import 'package:go_router/go_router.dart';
+import 'package:reactive_forms/reactive_forms.dart';
+
+import '../../../../core/router/route_names.dart';
+import '../../../../core/utils/extensions.dart';
+import '../../../../shared/providers/auth_provider.dart';
+import '../providers/auth_providers.dart';
+
+class LoginForm extends ConsumerStatefulWidget {
+  const LoginForm({super.key});
+
+  @override
+  ConsumerState<LoginForm> createState() => _LoginFormState();
+}
+
+class _LoginFormState extends ConsumerState<LoginForm> {
+  late final FormGroup form;
+
+  @override
+  void initState() {
+    super.initState();
+    form = FormGroup({
+      'email': FormControl<String>(
+        validators: [Validators.required, Validators.email],
+      ),
+      'password': FormControl<String>(
+        validators: [Validators.required, Validators.minLength(8)],
+      ),
+    });
+  }
+
+  @override
+  void dispose() {
+    form.dispose();
+    super.dispose();
+  }
+
+  Future<void> _onSubmit() async {
+    if (!form.valid) {
+      form.markAllAsTouched();
+      return;
+    }
+
+    final email = form.control('email').value as String;
+    final password = form.control('password').value as String;
+
+    final user = await ref.read(loginNotifierProvider.notifier).login(
+          email: email,
+          password: password,
+        );
+
+    if (user != null && mounted) {
+      ref.read(authStateProvider.notifier).setUser(user);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final loginState = ref.watch(loginNotifierProvider);
+
+    ref.listen(loginNotifierProvider, (_, state) {
+      if (state.hasError) {
+        context.showSnackBar(
+          '로그인에 실패했습니다. 이메일과 비밀번호를 확인해주세요.',
+          isError: true,
+        );
+      }
+    });
+
+    return ReactiveForm(
+      formGroup: form,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Text(
+            '로그인',
+            style: context.textTheme.headlineMedium?.copyWith(
+              fontWeight: FontWeight.bold,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const Gap(8),
+          Text(
+            '계정에 로그인하세요',
+            style: context.textTheme.bodyMedium?.copyWith(
+              color: context.colorScheme.onSurfaceVariant,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const Gap(32),
+          ReactiveTextField<String>(
+            formControlName: 'email',
+            decoration: const InputDecoration(
+              labelText: '이메일',
+              hintText: 'email@example.com',
+              prefixIcon: Icon(Icons.email_outlined),
+            ),
+            keyboardType: TextInputType.emailAddress,
+            validationMessages: {
+              'required': (_) => '이메일을 입력해주세요',
+              'email': (_) => '올바른 이메일 형식이 아닙니다',
+            },
+          ),
+          const Gap(16),
+          ReactiveTextField<String>(
+            formControlName: 'password',
+            decoration: const InputDecoration(
+              labelText: '비밀번호',
+              hintText: '8자 이상 입력',
+              prefixIcon: Icon(Icons.lock_outlined),
+            ),
+            obscureText: true,
+            validationMessages: {
+              'required': (_) => '비밀번호를 입력해주세요',
+              'minLength': (_) => '비밀번호는 8자 이상이어야 합니다',
+            },
+          ),
+          const Gap(24),
+          FilledButton(
+            onPressed: loginState.isLoading ? null : _onSubmit,
+            child: loginState.isLoading
+                ? const SizedBox(
+                    height: 20,
+                    width: 20,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Text('로그인'),
+          ),
+          const Gap(16),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const Text('계정이 없으신가요?'),
+              TextButton(
+                onPressed: () => context.goNamed(RouteNames.register),
+                child: const Text('회원가입'),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/auth/presentation/widgets/register_form.dart

@@ -0,0 +1,184 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:gap/gap.dart';
+import 'package:go_router/go_router.dart';
+import 'package:reactive_forms/reactive_forms.dart';
+
+import '../../../../core/router/route_names.dart';
+import '../../../../core/utils/extensions.dart';
+import '../../../../shared/providers/auth_provider.dart';
+import '../providers/auth_providers.dart';
+
+class RegisterForm extends ConsumerStatefulWidget {
+  const RegisterForm({super.key});
+
+  @override
+  ConsumerState<RegisterForm> createState() => _RegisterFormState();
+}
+
+class _RegisterFormState extends ConsumerState<RegisterForm> {
+  late final FormGroup form;
+
+  @override
+  void initState() {
+    super.initState();
+    form = FormGroup({
+      'name': FormControl<String>(
+        validators: [Validators.required],
+      ),
+      'email': FormControl<String>(
+        validators: [Validators.required, Validators.email],
+      ),
+      'password': FormControl<String>(
+        validators: [Validators.required, Validators.minLength(8)],
+      ),
+      'confirmPassword': FormControl<String>(
+        validators: [Validators.required],
+      ),
+    }, validators: [
+      Validators.mustMatch('password', 'confirmPassword'),
+    ]);
+  }
+
+  @override
+  void dispose() {
+    form.dispose();
+    super.dispose();
+  }
+
+  Future<void> _onSubmit() async {
+    if (!form.valid) {
+      form.markAllAsTouched();
+      return;
+    }
+
+    final name = form.control('name').value as String;
+    final email = form.control('email').value as String;
+    final password = form.control('password').value as String;
+
+    final user = await ref.read(registerNotifierProvider.notifier).register(
+          email: email,
+          password: password,
+          name: name,
+        );
+
+    if (user != null && mounted) {
+      ref.read(authStateProvider.notifier).setUser(user);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final registerState = ref.watch(registerNotifierProvider);
+
+    ref.listen(registerNotifierProvider, (_, state) {
+      if (state.hasError) {
+        context.showSnackBar(
+          '회원가입에 실패했습니다. 입력 정보를 확인해주세요.',
+          isError: true,
+        );
+      }
+    });
+
+    return ReactiveForm(
+      formGroup: form,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Text(
+            '회원가입',
+            style: context.textTheme.headlineMedium?.copyWith(
+              fontWeight: FontWeight.bold,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const Gap(8),
+          Text(
+            '새 계정을 만드세요',
+            style: context.textTheme.bodyMedium?.copyWith(
+              color: context.colorScheme.onSurfaceVariant,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const Gap(32),
+          ReactiveTextField<String>(
+            formControlName: 'name',
+            decoration: const InputDecoration(
+              labelText: '이름',
+              hintText: '홍길동',
+              prefixIcon: Icon(Icons.person_outlined),
+            ),
+            validationMessages: {
+              'required': (_) => '이름을 입력해주세요',
+            },
+          ),
+          const Gap(16),
+          ReactiveTextField<String>(
+            formControlName: 'email',
+            decoration: const InputDecoration(
+              labelText: '이메일',
+              hintText: 'email@example.com',
+              prefixIcon: Icon(Icons.email_outlined),
+            ),
+            keyboardType: TextInputType.emailAddress,
+            validationMessages: {
+              'required': (_) => '이메일을 입력해주세요',
+              'email': (_) => '올바른 이메일 형식이 아닙니다',
+            },
+          ),
+          const Gap(16),
+          ReactiveTextField<String>(
+            formControlName: 'password',
+            decoration: const InputDecoration(
+              labelText: '비밀번호',
+              hintText: '8자 이상 입력',
+              prefixIcon: Icon(Icons.lock_outlined),
+            ),
+            obscureText: true,
+            validationMessages: {
+              'required': (_) => '비밀번호를 입력해주세요',
+              'minLength': (_) => '비밀번호는 8자 이상이어야 합니다',
+            },
+          ),
+          const Gap(16),
+          ReactiveTextField<String>(
+            formControlName: 'confirmPassword',
+            decoration: const InputDecoration(
+              labelText: '비밀번호 확인',
+              hintText: '비밀번호를 다시 입력',
+              prefixIcon: Icon(Icons.lock_outlined),
+            ),
+            obscureText: true,
+            validationMessages: {
+              'required': (_) => '비밀번호 확인을 입력해주세요',
+              'mustMatch': (_) => '비밀번호가 일치하지 않습니다',
+            },
+          ),
+          const Gap(24),
+          FilledButton(
+            onPressed: registerState.isLoading ? null : _onSubmit,
+            child: registerState.isLoading
+                ? const SizedBox(
+                    height: 20,
+                    width: 20,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Text('회원가입'),
+          ),
+          const Gap(16),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const Text('이미 계정이 있으신가요?'),
+              TextButton(
+                onPressed: () => context.goNamed(RouteNames.login),
+                child: const Text('로그인'),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}