feat: [#17] 회원가입 UI 작업

assets/translations/ko.json

@@ -96,5 +96,16 @@
   "enterVerificationCode": "인증번호 입력",
   "verification": "인증",
   "invalidVerificationCode": "인증번호가 틀립니다,",
-  "emailDuplicateError": "! 중복된 이메일입니다."
+  "emailDuplicateError": "! 중복된 이메일입니다.",
+  "name": "이름",
+  "enterTwoOrMoreChars": "2자 이상 이름을 입력하세요.",
+  "birthDate": "생년월일",
+  "enterEightChars": "8리를 입력하세요.",
+  "gender": "성별",
+  "man": "남자,",
+  "woman": "여자",
+  "phone": "휴대폰",
+  "email": "이메일",
+  "password": "비밀번호",
+  "verifyPassword": "비밀번호 확인"
 }

lib/core/router/router.dart

@@ -33,5 +33,9 @@ class AppRouter extends RootStackRouter {
           page: JobPostingWorkersRoute.page,
           path: '/job-posting-workers',
         ),
+        AutoRoute(
+          page: SignUpRoute.page,
+          path: '/sign-up',
+        ),
       ];
 }

lib/core/types/gender_type.dart

@@ -1,15 +1,26 @@
 import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:withu_app/core/utils/mixins/l10n_key_provider.dart';
 
 /// 계정 타입
 @JsonEnum(valueField: 'serverKey')
-enum GenderType {
-  none(serverKey: ''),
+enum GenderType with L10nKeyProvider {
+  none(l10nKey: '', serverKey: ''),
+  woman(l10nKey: 'woman', serverKey: 'WOMAN'),
+  man(l10nKey: 'man', serverKey: 'MAN');
 
-  man(serverKey: 'MAN'),
+  final String serverKey;
 
-  woman(serverKey: 'WOMAN');
+  @override
+  final String l10nKey;
 
-  final String serverKey;
+  const GenderType({
+    required this.l10nKey,
+    required this.serverKey,
+  });
 
-  const GenderType({required this.serverKey});
+  static List<GenderType> get valuesWithoutNone => values
+      .where(
+        (type) => type != none,
+      )
+      .toList();
 }

lib/core/utils/extensions/extensions.dart

@@ -1,3 +1,4 @@
 export 'date_ext.dart';
 export 'theme_ext.dart';
 export 'string_ext.dart';
+export 'key_ext.dart';

lib/core/utils/extensions/key_ext.dart

@@ -0,0 +1,7 @@
+import 'package:flutter/material.dart';
+
+extension KeyExt on Key {
+  Key makeChildKey(String childKey) {
+    return Key('${(this as ValueKey).value}_$childKey');
+  }
+}

lib/core/utils/resource/string_res.dart

@@ -78,6 +78,17 @@ enum StringRes {
   verification,
   invalidVerificationCode,
   emailDuplicateError,
+  name,
+  enterTwoOrMoreChars,
+  birthDate,
+  enterEightChars,
+  gender,
+  man,
+  woman,
+  phone,
+  email,
+  password,
+  verifyPassword,
 }
 
 extension StringResEx on StringRes {

lib/feature/account/presentation/bloc/sign_up/sign_up_bloc.dart

@@ -1,3 +1,4 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:withu_app/core/core.dart';
 import 'package:withu_app/feature/account/account.dart';
@@ -17,5 +18,13 @@ class SignUpBloc extends BaseBloc<SignUpEvent, SignUpState> {
     required this.signUpUseCase,
   }) : super(
           SignUpState(status: BaseBlocStatus.initial()),
-        );
+        ) {
+    on<SignUpNameInputted>(_onNameInputted);
+    on<SignUpBirthDateInputted>(_onBirthDateInputted);
+    on<SignUpGenderSelected>(_onGenderSelected);
+    on<SignUpPasswordObscureToggled>(_onPasswordObscureToggled);
+    on<SignUpPasswordInputted>(_onPasswordInputted);
+    on<SignUpPasswordVerifyInputted>(_onPasswordVerifyInputted);
+    on<SignUpSubmitPressed>(_onSubmitPressed);
+  }
 }

lib/feature/account/presentation/bloc/sign_up/sign_up_bloc.handler.dart

@@ -1,3 +1,62 @@
 part of 'sign_up_bloc.dart';
 
-extension SignUpBlocHandler on SignUpBloc {}
+extension SignUpBlocHandler on SignUpBloc {
+  void _onNameInputted(
+    SignUpNameInputted event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(name: event.name));
+  }
+
+  void _onBirthDateInputted(
+    SignUpBirthDateInputted event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(birthDate: event.birthDate));
+  }
+
+  void _onGenderSelected(
+    SignUpGenderSelected event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(gender: event.gender));
+  }
+
+  void _onPasswordObscureToggled(
+    SignUpPasswordObscureToggled event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(isPasswordObscure: !state.isPasswordObscure));
+  }
+
+  void _onPasswordInputted(
+    SignUpPasswordInputted event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(
+      password: event.password,
+    ));
+
+    emit(state.copyWith(
+      isPasswordErrorVisible: state.getPasswordErrorVisible(),
+    ));
+  }
+
+  void _onPasswordVerifyInputted(
+    SignUpPasswordVerifyInputted event,
+    Emitter<SignUpState> emit,
+  ) {
+    emit(state.copyWith(
+      passwordVerify: event.password,
+    ));
+
+    emit(state.copyWith(
+      isPasswordErrorVisible: state.getPasswordErrorVisible(),
+    ));
+  }
+
+  void _onSubmitPressed(
+    SignUpSubmitPressed event,
+    Emitter<SignUpState> emit,
+  ) {}
+}