회원가입 입력 구현

android/app/src/main/AndroidManifest.xml

@@ -11,7 +11,7 @@
         android:roundIcon="@mipmap/ic_priceguard_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.PriceGuard"
-        tools:targetApi="31">
+        tools:targetApi="34">
         <activity
             android:name=".ui.intro.IntroActivity"
             android:exported="false" />

android/app/src/main/java/app/priceguard/ui/signup/SignupActivity.kt

@@ -1,11 +1,113 @@
 package app.priceguard.ui.signup
 
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import androidx.activity.viewModels
+import androidx.appcompat.app.AppCompatActivity
+import androidx.databinding.DataBindingUtil
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.lifecycleScope
+import androidx.lifecycle.repeatOnLifecycle
 import app.priceguard.R
+import app.priceguard.databinding.ActivitySignupBinding
+import kotlinx.coroutines.launch
 
 class SignupActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivitySignupBinding
+    private val signupViewModel: SignupViewModel by viewModels()
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        binding = DataBindingUtil.setContentView(this, R.layout.activity_signup)
+        binding.vm = signupViewModel
+        binding.lifecycleOwner = this
+
+        setNavigationButton()
+        observeState()
+    }
+
+    private fun setNavigationButton() {
+        binding.mtSignupTopbar.setNavigationOnClickListener {
+            finish()
+        }
+    }
+
+    private fun observeState() {
+        lifecycleScope.launch {
+            lifecycle.repeatOnLifecycle(Lifecycle.State.STARTED) {
+                signupViewModel.state.collect { state ->
+                    updateNameTextFieldUI(state)
+                    updateEmailTextFieldUI(state)
+                    updatePasswordTextFieldUI(state)
+                    updateRetypePasswordTextFieldUI(state)
+                }
+            }
+        }
+    }
+
+    private fun updateNameTextFieldUI(state: SignupViewModel.SignupUIState) {
+        when (state.isNameError) {
+            true -> {
+                binding.tilSignupName.error = getString(R.string.name_required)
+            }
+
+            else -> {
+                binding.tilSignupName.error = null
+            }
+        }
+    }
+
+    private fun updateEmailTextFieldUI(state: SignupViewModel.SignupUIState) {
+        when (state.isEmailError) {
+            null -> {
+                binding.tilSignupEmail.error = null
+                binding.tilSignupEmail.helperText = " "
+            }
+
+            true -> {
+                binding.tilSignupEmail.error = getString(R.string.invalid_email)
+            }
+
+            false -> {
+                binding.tilSignupEmail.error = null
+                binding.tilSignupEmail.helperText = getString(R.string.valid_email)
+            }
+        }
+    }
+
+    private fun updatePasswordTextFieldUI(state: SignupViewModel.SignupUIState) {
+        when (state.isPasswordError) {
+            null -> {
+                binding.tilSignupPassword.error = null
+                binding.tilSignupPassword.helperText = " "
+            }
+
+            true -> {
+                binding.tilSignupPassword.error = getString(R.string.invalid_password)
+            }
+
+            false -> {
+                binding.tilSignupPassword.error = null
+                binding.tilSignupPassword.helperText = getString(R.string.valid_password)
+            }
+        }
+    }
+
+    private fun updateRetypePasswordTextFieldUI(state: SignupViewModel.SignupUIState) {
+        when (state.isRetypePasswordError) {
+            null -> {
+                binding.tilSignupRetypePassword.error = null
+                binding.tilSignupRetypePassword.helperText = " "
+            }
+
+            true -> {
+                binding.tilSignupRetypePassword.error = getString(R.string.password_mismatch)
+            }
+
+            false -> {
+                binding.tilSignupRetypePassword.error = null
+                binding.tilSignupRetypePassword.helperText = getString(R.string.password_match)
+            }
+        }
     }
-}
+}

android/app/src/main/java/app/priceguard/ui/signup/SignupViewModel.kt

@@ -0,0 +1,140 @@
+package app.priceguard.ui.signup
+
+import androidx.lifecycle.ViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+
+class SignupViewModel : ViewModel() {
+    data class SignupUIState(
+        val name: String = "",
+        val email: String = "",
+        val password: String = "",
+        val retypePassword: String = "",
+        val isSignupReady: Boolean = false,
+        val isSignupComplete: Boolean = false,
+        val isNameError: Boolean? = null,
+        val isEmailError: Boolean? = null,
+        val isPasswordError: Boolean? = null,
+        val isRetypePasswordError: Boolean? = null
+    )
+
+    private val emailPattern = """^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$""".toRegex()
+    private val passwordPattern = """^[a-zA-Z0-9!@#$%^&*]{8,16}$""".toRegex()
+
+    private val _state: MutableStateFlow<SignupUIState> = MutableStateFlow(SignupUIState())
+    val state: StateFlow<SignupUIState> = _state.asStateFlow()
+
+    private fun isValidName(): Boolean {
+        return _state.value.name.isNotBlank()
+    }
+
+    private fun isValidEmail(): Boolean {
+        return emailPattern.matchEntire(_state.value.email) != null
+    }
+
+    private fun isValidPassword(): Boolean {
+        return passwordPattern.matchEntire(_state.value.password) != null
+    }
+
+    private fun isValidRetypePassword(): Boolean {
+        return _state.value.retypePassword.isNotBlank() && _state.value.password == _state.value.retypePassword
+    }
+
+    fun updateName(name: String) {
+        _state.value = _state.value.copy(name = name)
+
+        updateNameError()
+        updateIsSignupReady()
+    }
+
+    fun updateEmail(email: String) {
+        _state.value = _state.value.copy(email = email)
+
+        updateEmailError()
+        updateIsSignupReady()
+    }
+
+    fun updatePassword(password: String) {
+        _state.value = _state.value.copy(password = password)
+
+        updatePasswordError()
+        updateIsSignupReady()
+    }
+
+    fun updateRetypePassword(retypePassword: String) {
+        _state.value = _state.value.copy(retypePassword = retypePassword)
+
+        updateRetypePasswordError()
+        updateIsSignupReady()
+    }
+
+    private fun updateIsSignupReady() {
+        _state.value =
+            _state.value.copy(isSignupReady = isValidName() && isValidEmail() && isValidPassword() && isValidRetypePassword())
+    }
+
+    private fun updateNameError() {
+        _state.value.let { uiState ->
+            if (isValidName()) {
+                _state.value = uiState.copy(isNameError = false)
+            } else {
+                _state.value = uiState.copy(isNameError = true)
+            }
+        }
+    }
+
+    private fun updateEmailError() {
+        _state.value.let { uiState ->
+            when {
+                isValidEmail() -> {
+                    _state.value = uiState.copy(isEmailError = false)
+                }
+
+                uiState.email.isEmpty() -> {
+                    _state.value = uiState.copy(isEmailError = null)
+                }
+
+                else -> {
+                    _state.value = uiState.copy(isEmailError = true)
+                }
+            }
+        }
+    }
+
+    private fun updatePasswordError() {
+        _state.value.let { uiState ->
+            when {
+                isValidPassword() -> {
+                    _state.value = uiState.copy(isPasswordError = false)
+                }
+
+                uiState.password.isEmpty() -> {
+                    _state.value = uiState.copy(isPasswordError = null)
+                }
+
+                else -> {
+                    _state.value = uiState.copy(isPasswordError = true)
+                }
+            }
+        }
+    }
+
+    private fun updateRetypePasswordError() {
+        _state.value.let { uiState ->
+            when {
+                isValidRetypePassword() -> {
+                    _state.value = uiState.copy(isRetypePasswordError = false)
+                }
+
+                uiState.retypePassword.isEmpty() -> {
+                    _state.value = uiState.copy(isRetypePasswordError = null)
+                }
+
+                else -> {
+                    _state.value = uiState.copy(isRetypePasswordError = true)
+                }
+            }
+        }
+    }
+}

android/app/src/main/res/drawable/ic_back.xml

@@ -1,5 +1,5 @@
 <vector android:autoMirrored="true" android:height="24dp"
-    android:tint="#000000" android:viewportHeight="24"
+    android:tint="?attr/colorOnSurfaceVariant" android:viewportHeight="24"
     android:viewportWidth="24" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
     <path android:fillColor="@android:color/white" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
 </vector>