회원가입 화면

app/build.gradle.kts

@@ -70,4 +70,8 @@ dependencies {
     // UI 확장
     implementation(libs.androidx.activity.ktx)
     implementation(libs.androidx.fragment.ktx)
+
+    // 네비게이션
+    implementation(libs.androidx.navigation.fragment.ktx)
+    implementation(libs.androidx.navigation.ui.ktx)
 }

app/src/main/AndroidManifest.xml

@@ -6,7 +6,6 @@
 
     <application
         android:name=".MumuApplication"
-        android:usesCleartextTraffic="true"
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
@@ -15,7 +14,11 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Mumu"
+        android:usesCleartextTraffic="true"
         tools:targetApi="31">
+        <activity
+            android:name=".presentation.join.JoinActivity"
+            android:exported="false" />
         <activity
             android:name=".presentation.login.LoginActivity"
             android:exported="true">
@@ -30,5 +33,4 @@
             android:exported="false" />
     </application>
 
-
 </manifest>

app/src/main/java/kr/ac/anu/mumu/data/datasource/JoinService.kt

@@ -0,0 +1,14 @@
+package kr.ac.anu.mumu.data.datasource
+
+import kr.ac.anu.mumu.data.model.JoinRequest
+import kr.ac.anu.mumu.data.model.JoinResponse
+import retrofit2.Response
+import retrofit2.http.Body
+import retrofit2.http.POST
+
+interface JoinService {
+    @POST("/api/users/register")
+    suspend fun registerUser(
+        @Body request: JoinRequest
+    ): Response<JoinResponse>
+}

app/src/main/java/kr/ac/anu/mumu/data/model/JoinDto.kt

@@ -0,0 +1,30 @@
+package kr.ac.anu.mumu.data.model
+
+import com.google.gson.annotations.SerializedName
+
+data class JoinRequest(
+    val id: String,
+    val password: String,
+    val name: String,
+    val phone: String,
+    val address: String,
+    @SerializedName("detail_address") val detailAddress: String,
+    @SerializedName("postal_code") val postalCode: String,
+    @SerializedName("terms_agreed") val termsAgreed: Boolean,
+    @SerializedName("privacy_agreed") val privacyAgreed: Boolean,
+    @SerializedName("marketing_agreed") val marketingAgreed: Boolean
+)
+
+data class JoinResponse(
+    val success: Boolean,
+    val message: String,
+    val token: String?,
+    val user: UserDto?
+) {
+    data class UserDto(
+        val userId: Int,
+        val id: String,
+        val name: String,
+        val phone: String
+    )
+}

app/src/main/java/kr/ac/anu/mumu/data/repository/JoinRepositoryImpl.kt

@@ -0,0 +1,30 @@
+package kr.ac.anu.mumu.data.repository
+
+import kr.ac.anu.mumu.data.datasource.JoinService
+import kr.ac.anu.mumu.data.model.JoinRequest
+import kr.ac.anu.mumu.domain.repository.JoinRepository
+import org.json.JSONObject
+import javax.inject.Inject
+
+class JoinRepositoryImpl @Inject constructor(
+    private val joinService: JoinService
+) : JoinRepository {
+    override suspend fun register(request: JoinRequest): Result<Unit> {
+        return try {
+            val response = joinService.registerUser(request)
+            if (response.isSuccessful) {
+                Result.success(Unit)
+            } else {
+                val errorString = response.errorBody()?.string()
+                val errorMessage = try {
+                    JSONObject(errorString ?: "").getString("error")
+                } catch (e: Exception) {
+                    "회원가입에 실패했습니다."
+                }
+                Result.failure(Exception(errorMessage))
+            }
+        } catch (e: Exception) {
+            Result.failure(e)
+        }
+    }
+}

app/src/main/java/kr/ac/anu/mumu/di/NetworkModule.kt

@@ -5,6 +5,7 @@ import dagger.Provides
 import dagger.hilt.InstallIn
 import dagger.hilt.components.SingletonComponent
 import kr.ac.anu.mumu.data.datasource.AuthService
+import kr.ac.anu.mumu.data.datasource.JoinService
 import retrofit2.Retrofit
 import retrofit2.converter.gson.GsonConverterFactory
 import javax.inject.Singleton
@@ -26,4 +27,10 @@ object NetworkModule {
     fun provideAuthService(retrofit: Retrofit): AuthService {
         return retrofit.create(AuthService::class.java)
     }
+
+    @Provides
+    @Singleton
+    fun provideJoinService(retrofit: Retrofit): JoinService {
+        return retrofit.create(JoinService::class.java)
+    }
 }

app/src/main/java/kr/ac/anu/mumu/di/RepositoryModule.kt

@@ -4,7 +4,9 @@ import dagger.Binds
 import dagger.Module
 import dagger.hilt.InstallIn
 import dagger.hilt.components.SingletonComponent
+import kr.ac.anu.mumu.data.repository.JoinRepositoryImpl
 import kr.ac.anu.mumu.data.repository.LoginRepositoryImpl
+import kr.ac.anu.mumu.domain.repository.JoinRepository
 import kr.ac.anu.mumu.domain.repository.LoginRepository
 import javax.inject.Singleton
 
@@ -16,4 +18,10 @@ abstract class RepositoryModule {
     abstract fun bindLoginRepository(
         loginRepositoryImpl: LoginRepositoryImpl
     ): LoginRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindJoinRepository(
+        joinRepositoryImpl: JoinRepositoryImpl
+    ): JoinRepository
 }

app/src/main/java/kr/ac/anu/mumu/domain/repository/JoinRepository.kt

@@ -0,0 +1,7 @@
+package kr.ac.anu.mumu.domain.repository
+
+import kr.ac.anu.mumu.data.model.JoinRequest
+
+interface JoinRepository {
+    suspend fun register(request: JoinRequest): Result<Unit>
+}

app/src/main/java/kr/ac/anu/mumu/domain/usecase/JoinUseCase.kt

@@ -0,0 +1,13 @@
+package kr.ac.anu.mumu.domain.usecase
+
+import kr.ac.anu.mumu.data.model.JoinRequest
+import kr.ac.anu.mumu.domain.repository.JoinRepository
+import javax.inject.Inject
+
+class JoinUseCase @Inject constructor(
+    private val repository: JoinRepository
+) {
+    suspend operator fun invoke(request: JoinRequest): Result<Unit> {
+        return repository.register(request)
+    }
+}

app/src/main/java/kr/ac/anu/mumu/presentation/join/AccountFragment.kt

@@ -0,0 +1,107 @@
+package kr.ac.anu.mumu.presentation.join
+
+import android.os.Bundle
+import android.text.Spannable
+import android.text.SpannableStringBuilder
+import android.text.style.ForegroundColorSpan
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.core.content.ContextCompat
+import androidx.core.widget.addTextChangedListener
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.activityViewModels
+import androidx.transition.TransitionManager
+import kr.ac.anu.mumu.R
+import kr.ac.anu.mumu.databinding.FragmentAccountBinding
+
+class AccountFragment : Fragment() {
+
+    private var _binding: FragmentAccountBinding? = null
+    private val binding get() = _binding!!
+
+    // Activity와 공유하는 ViewModel
+    private val viewModel: JoinViewModel by activityViewModels()
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentAccountBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // 텍스트 색상 변경
+        viewSet()
+
+        // 입력값 리스너
+        binding.etId.addTextChangedListener {
+            viewModel.inputId.value = it.toString()
+            viewModel.checkButtonEnabled()
+            viewModel.isIdErrorVisible.value = false
+        }
+        binding.etPw.addTextChangedListener {
+            viewModel.inputPw.value = it.toString()
+            viewModel.checkButtonEnabled()
+            viewModel.isPwErrorVisible.value = false
+        }
+        binding.etPwCheck.addTextChangedListener {
+            viewModel.inputPwCheck.value = it.toString()
+            viewModel.checkButtonEnabled()
+            viewModel.isPwCheckErrorVisible.value = false
+        }
+
+        // 단계별 UI 오픈
+        viewModel.accountStep.observe(viewLifecycleOwner) { step ->
+            TransitionManager.beginDelayedTransition(binding.root as ViewGroup)
+            binding.groupStepPw.visibility = if (step >= 1) View.VISIBLE else View.GONE
+
+            binding.groupStepPwCheck.visibility = if (step >= 2) View.VISIBLE else View.GONE
+
+            viewModel.checkButtonEnabled()
+        }
+
+        // 에러 메시지 UI 반영
+        viewModel.isIdErrorVisible.observe(viewLifecycleOwner) { isVisible ->
+            binding.tvIdError.visibility = if (isVisible) View.VISIBLE else View.GONE
+        }
+        viewModel.isPwErrorVisible.observe(viewLifecycleOwner) { isVisible ->
+            binding.tvPwError.visibility = if (isVisible) View.VISIBLE else View.GONE
+        }
+        viewModel.isPwCheckErrorVisible.observe(viewLifecycleOwner) { isVisible ->
+            binding.tvPwCheckError.visibility = if (isVisible) View.VISIBLE else View.GONE
+        }
+    }
+
+    private fun viewSet() {
+        val originText = binding.tvTitle.text.toString()
+        val spannable = SpannableStringBuilder(originText)
+
+        val targetWord = "Mumu"
+        val start = originText.indexOf(targetWord)
+        val end = start + targetWord.length
+
+        if (start != -1) {
+            context?.let { ctx ->
+                val color = ContextCompat.getColor(ctx, R.color.mumumint_300)
+
+                spannable.setSpan(
+                    ForegroundColorSpan(color),
+                    start,
+                    end,
+                    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
+                )
+            }
+        }
+        binding.tvTitle.text = spannable
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}

app/src/main/java/kr/ac/anu/mumu/presentation/join/AddressFragment.kt

@@ -0,0 +1,85 @@
+package kr.ac.anu.mumu.presentation.join
+
+import android.os.Bundle
+import android.text.Spannable
+import android.text.SpannableStringBuilder
+import android.text.style.ForegroundColorSpan
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.core.content.ContextCompat
+import androidx.core.widget.addTextChangedListener
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.activityViewModels
+import kr.ac.anu.mumu.R
+import kr.ac.anu.mumu.databinding.FragmentAddressBinding
+
+class AddressFragment : Fragment() {
+    private var _binding: FragmentAddressBinding? = null
+    private val binding get() = _binding!!
+    private val viewModel: JoinViewModel by activityViewModels()
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        _binding = FragmentAddressBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        viewSet()
+
+        viewModel.checkAddressStep()
+
+        viewModel.inputPostalCode.observe(viewLifecycleOwner) { postal ->
+            binding.tvPostalCode.text = postal
+        }
+
+        viewModel.inputAddress.observe(viewLifecycleOwner) { address ->
+            binding.tvAddress.text = address
+        }
+
+        binding.btnSearch.setOnClickListener {
+            // TODO 카카오 API
+            viewModel.inputPostalCode.value = "36729"
+            viewModel.inputAddress.value = "경상북도 안동시 경동로 1375"
+        }
+
+        binding.etAddress.addTextChangedListener { text ->
+            viewModel.inputDetailAddress.value = text.toString()
+
+            viewModel.checkAddressStep()
+        }
+    }
+
+    private fun viewSet() {
+        val originText = binding.tvTitle.text.toString()
+        val spannable = SpannableStringBuilder(originText)
+
+        val targetWord = "Mumu"
+        val start = originText.indexOf(targetWord)
+        val end = start + targetWord.length
+
+        if (start != -1) {
+            val color = ContextCompat.getColor(requireContext(), R.color.mumumint_300)
+
+            spannable.setSpan(
+                ForegroundColorSpan(color),
+                start,
+                end,
+                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
+            )
+        }
+
+        binding.tvTitle.text = spannable
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}