[TNT-114] 회원가입 데이터 취합 및 API 연동 #54

SeonJeongk · 2025-01-28T07:11:37Z

📝 작업 내용

Closes [TNT-114] 회원가입 기능 구현 #17
회원가입 플로우 데이터를 뷰모델에서 관리하도록 수정했습니다
회원가입 API 연동 완료했습니다
SignUpRequestMapper는 로그인 시 전달받은 정보와 UserType 데이터를 조합하여 회원가입에 필요한 SignUpRequest 객체로 변환합니다.
사진은 FileUtils에서 Uri를 MultipartBody.Part로 변환하여 전송합니다
필수 입력 항목이 아닌 경우 null로 전송합니다
아래 화면에서 시작하기 버튼을 누르면 회원가입 API가 호출되고, API 요청이 성공하면 연결하기 화면으로 이동합니다

📸 실행 화면

회원가입 (트레이니)

trainee.signup.mp4

🙆🏻 리뷰 요청 사항

없습니다!

👀 레퍼런스

- authId, authType, email 전달

- 몸무게 Float에서 Double로 수정 - FileUtils 이용해 이미지 파일 변환 - SignUpRequestMapper를 통해 trainer, trainee 데이터 다르게 전달

- 생일 String으로 변경 - 주의사항 ""이면 null로 바꿔 전송

hoyahozz

큰 작업이었는데 고생많으셨습니다 ㅎㅎ

계층별로 어떤 부분까지 알고 있는게 좋을지,

그리고 클래스, 컴포저블 함수마다 어떤 정보까지만 알고 있으면 될지 조금 더 생각해보면 좋을 것 같아요!

hoyahozz · 2025-01-28T13:30:59Z

domain/build.gradle.kts

@@ -5,5 +5,6 @@ plugins {

 dependencies {
    implementation(libs.inject)
+    implementation(libs.okhttp.logging)


도메인 영역에서 네트워크 관련 라이브러리를 알고 있어선 안됩니다!!

왜일까요?

클린 아키텍처 원칙에 따라 도메인 계층은 네트워크와 무관해야 한다는건 알고 있지만 Multipart 때문에 넣었습니다..😿

지금 생각해보니 아래 리뷰처럼 File로 넘기고 SignUpRepositoryImpl에서 MultipartBody.Part로 변환해도 될 것 같네요!

심약 이슈였습니다.. 고쳐올게요!

hoyahozz · 2025-01-28T13:31:46Z

domain/src/main/java/co/kr/tnt/domain/repository/SignUpRepository.kt

+
+interface SignUpRepository {
+    suspend fun signUp(
+        profileImage: MultipartBody.Part?,


File 형태로 알고 있어도 되지 않을까요?

hoyahozz · 2025-01-28T13:33:21Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeBasicInfoPage.kt

-                    selectedDate = birthday,
-                    onDateSelected = { birthday = it },
+                    selectedDate = state.traineeState.birthday,
+                    onDateSelected = { onBirthdayChange(it) },


Suggested change

onDateSelected = { onBirthdayChange(it) },

onDateSelected = onBirthdayChange,

hoyahozz · 2025-01-28T13:33:48Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeBasicInfoPage.kt

                        warningMessage = stringResource(R.string.entered_wrong_number),
                        isRequired = true,
                        keyboardType = KeyboardType.Number,
                        trailingComponent = {
                            UnitLabel(uiResource.string.height_unit)
                        },
-                        onValueChange = { height = it },
+                        onValueChange = { onHeightChange(it) },


Suggested change

onValueChange = { onHeightChange(it) },

onValueChange = onHeightChange,

hoyahozz · 2025-01-28T13:34:10Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeBasicInfoPage.kt

                        warningMessage = stringResource(R.string.entered_wrong_number),
                        isRequired = true,
                        keyboardType = KeyboardType.Number,
                        trailingComponent = {
                            UnitLabel(uiResource.string.weight_unit)
                        },
-                        onValueChange = { weight = it },
+                        onValueChange = { onWeightChange(it) },


Suggested change

onValueChange = { onWeightChange(it) },

onValueChange = onWeightChange,

hoyahozz · 2025-01-28T13:35:18Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeBasicInfoPage.kt

 @Preview(showBackground = true)
 @Composable
 private fun TraineeBasicInfoPagePreview() {
    TnTTheme {
        TraineeBasicInfoPage(
            onBackClick = {},
            onNextClick = {},
+            state = TODO(),


이거 프리뷰 동작하나용 ?!

다른 화면도 확인 부탁드립니다 ~

노트북 성능 이슈인 줄 알았는데 그냥 안 보이는 거였군요..! 고쳐보겠습니다

hoyahozz · 2025-01-28T13:37:29Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeNoteForTrainerPage.kt

 import co.kr.tnt.trainee.signup.component.ProgressSteps
 import co.kr.tnt.core.ui.R as uiResource

 private const val MAX_LENGTH = 100

 @Composable
-fun TraineeNoteForTrainerPage(
+internal fun TraineeNoteForTrainerPage(
+    state: TraineeSignUpUiState,


이 화면에서 state 라는 방대한 지식을 알고 있을 필요가 있을까요?!

주의사항도 state로 관리하고 있기 때문에 넣어뒀습니다! 흠.. 그냥 다음 버튼을 눌렀을 때 TraineeSignUpUiState에 반영되도록 수정해야 할까요?

State 에는 주의사항 외에 height, weight 등 이 페이지에서 전혀 사용하지 않는 상태까지 포함하고 있는 상황입니다!

이 페이지에선 어떤 상태가 필요할까요?

state.traineeState.caution으로 주의사항을 보여주고 있었습니다!

그렇다면 caution: String? 형태로 넘겨줄 수 있지 않을까요?

엄 아예 넘겨받지 않도록 구현할 수 있을 것 같아요! 수정해보겠습니다

caution 넘겨받도록 수정했습니다..ㅎㅎ

hoyahozz · 2025-01-28T13:41:37Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeSignUpCompletePage.kt

-    // TODO 이름, 프로필 사진 불러오기
-    val name = "김헬짱"
-    val profileImage = "https://buly.kr/7FQeS5M"
+    Log.d("test", "${state.traineeState}")


로그 제거해주세요~

hoyahozz · 2025-01-28T13:43:01Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeSignUpContract.kt

+        val height: String = "",
+        val weight: String = "",


TraineeState 에도 해당 정보가 포함되어 있는데, 이 State 에서 따로 다루는 이유가 있을까요?

height와 weight가 필수 값이다 보니 UserType.Trainee에서 기본값을 각각 0과 0.0으로 설정했습니다.
이 정보를 그대로 state에서 사용하다 보니, 기본 정보 입력 화면으로 이동하면 기본값인 0과 0.0이 잘못된 입력 값으로 간주되어 에러 문구가 바로 표시되는 상황이 발생했습니다

nullable로 변경하는 것은 정책상 맞지 않고 마땅한 방안이 떠오르지 않는 상황에서 더 이상 시간을 지체하지 않기 위해 기본값을 별도로 처리하는 방식으로 구현했습니다..!

hoyahozz · 2025-01-28T13:43:41Z

feature/trainee/signup/src/main/java/co/kr/tnt/trainee/signup/TraineeSignUpContract.kt

+        val height: String = "",
+        val weight: String = "",
+        val isHeightValid: Boolean = false,
+        val isWeightValid: Boolean = false,


이름 입력 화면에서는 valid 여부가 화면에 포함되어 있는데 (isWarning), height, weight 의 유효성 여부는 요기에 있네요!

모두 State 에 넣어 통일성을 맞추는게 좋을듯 합니다!

넵 이름의 valid 여부도 State에서 관리하도록 수정하겠습니다!

- 도메인이 네트워크 무관해야 하기 때문 - UserType을 UI 데이터 저장 용도로 쓰지 않게 수정

hoyahozz

고생하셨습니다!

동작되는대로 우선 바로 머지해주세요!~~

hoyahozz · 2025-01-29T06:26:51Z

data/network/src/main/java/co/kr/data/network/model/SignUpRequest.kt

+    val cautionNote: String? = "",
+)
+
+object SignUpRequestMapper {


LoginResponse, SignupResponse 에서 매핑할 때와 같이 통일성 맞춰주는게 좋을 것 같습니다..!

hoyahozz · 2025-01-29T06:29:20Z

data/network/src/main/java/co/kr/data/network/service/ApiService.kt

+    @POST("/members/sign-up")
+    suspend fun postSignUp(
+        @Part profileImage: MultipartBody.Part?,
+        @Part("request") request: RequestBody,


이거 @Body 로는 불가능한가요?

multipart/form-data요청에서는 @Body 대신 @Part 또는@PartMap을 사용해야 한다고 해서 @Part로 구현했습니다!

@Body로 수정해서 호출해보면 아래와 같은 오류가 뜹니다

java.lang.IllegalArgumentException: @Body parameters cannot be used with form or multi-part encoding. (parameter #2)

hoyahozz · 2025-01-29T06:30:50Z

data/repository/src/main/java/co/kr/data/repository/SignUpRepositoryImpl.kt

+        response.sessionId.let { sessionId ->
+            sessionLocalDataSource.updateSessionId(sessionId)
+        }


Suggested change

response.sessionId.let { sessionId ->

sessionLocalDataSource.updateSessionId(sessionId)

}

sessionLocalDataSource.updateSessionId(response.sessionId)

hoyahozz · 2025-01-29T06:31:33Z

data/repository/src/main/java/co/kr/data/repository/SignUpRepositoryImpl.kt

+    }
+
+    private fun prepareJsonRequestBody(signUpRequest: SignUpRequest): RequestBody {
+        val jsonString = Json.encodeToString(signUpRequest)


DI Container 에 Json 인스턴스가 등록되어 있어서, 새롭게 초기화하지 않아도 됩니다!

hoyahozz · 2025-01-29T12:16:19Z

data/network/src/main/java/co/kr/data/network/model/SignUpRequest.kt

-                collectionAgreement = true,
-                advertisementAgreement = true,
-            )
+fun UserType.toSignUpRequest(


요 클래스에서 UserType 에 대한 확장 함수를 가지고 있는건 너무 어색해보입니다..!

SignUpRequest.fromDomain 이나, SignUpRequest.fromUserType 과 같은 형태가 맞는 것 같아요!

넵..! 다시 수정해보겠습니다

지금 제 코드는 UserType을 기반으로 새로운 SignUpRequest 객체를 생성하는 방식이라 SignUpRequest에 대한 확장 함수로 구현하기는 어려울 것 같습니다..!

companion object를 이용해 fromUserType을 구현하는건 안 될까요?😨

얽 이거 Request 인데 제가 놓쳤네요 '-' ;;

혼동드려서 죄송합니다 ㅜㅜ

수정해주신대로 진행해도 될 것 같습니다ㅠㅠㅠ

그럼 지금 코드대로 머지하겠습니다!!

SeonJeongk added 11 commits January 27, 2025 16:21

[TNT-114] fix: RoleState 수정

7f245f1

[TNT-114] feat: 역할 선택 -> 회원가입 네비게이션 연결

6c0a7e2

- authId, authType, email 전달

[TNT-114] feat: 트레이너 회원가입 사진, 이름 state로 관리

071a69f

[TNT-114] feat: 트레이너 회원가입 사진, 이름 state로 관리

9c37378

[TNT-114] fix: 불필요한 코드 삭제 및 정렬 수정

8ff993a

[TNT-114] refactor: 트레이너 이름, 사진 설정 관련 이름 수정

c2d814b

[TNT-114] feat: 트레이니 회원가입 데이터 state로 관리

eb79aca

[TNT-114] feat: 회원가입 API 구현

bb6d29e

- 몸무게 Float에서 Double로 수정 - FileUtils 이용해 이미지 파일 변환 - SignUpRequestMapper를 통해 trainer, trainee 데이터 다르게 전달

[TNT-114] feat: 트레이너 회원가입 API 연결

f942102

[TNT-114] refactor: 회원가입 주의사항 입력 에러 문구 추가

e6a14b9

[TNT-114] feat: 트레이너 회원가입 API 연결

b9d0ba9

- 생일 String으로 변경 - 주의사항 ""이면 null로 바꿔 전송

SeonJeongk added ✨ Feat 기능 구현 🌻 선정 김씨 집안 막내 김선정 labels Jan 28, 2025

SeonJeongk requested a review from hoyahozz January 28, 2025 07:11

SeonJeongk self-assigned this Jan 28, 2025

hoyahozz requested changes Jan 28, 2025

View reviewed changes

SeonJeongk added 2 commits January 29, 2025 02:10

[TNT-114] fix: 이미지 File을 넘겨주도록 수정 및 state 수정

f3263f6

- 도메인이 네트워크 무관해야 하기 때문 - UserType을 UI 데이터 저장 용도로 쓰지 않게 수정

[TNT-114] fix: 연결 화면들 preview 오류 수정

a3274b6

hoyahozz approved these changes Jan 29, 2025

View reviewed changes

[TNT-114] fix: SignUpRequest 매핑 수정

6201215

hoyahozz reviewed Jan 29, 2025

View reviewed changes

SeonJeongk merged commit a241b5e into develop Jan 29, 2025
16 checks passed

SeonJeongk deleted the feature/TNT-114 branch January 29, 2025 13:57

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[TNT-114] 회원가입 데이터 취합 및 API 연동 #54

[TNT-114] 회원가입 데이터 취합 및 API 연동 #54

SeonJeongk commented Jan 28, 2025

hoyahozz left a comment

hoyahozz Jan 28, 2025 •

edited

Loading

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025

hoyahozz Jan 28, 2025

hoyahozz Jan 28, 2025

hoyahozz Jan 28, 2025

hoyahozz Jan 28, 2025 •

edited

Loading

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025 •

edited

Loading

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025

SeonJeongk Jan 28, 2025

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025

hoyahozz Jan 28, 2025

SeonJeongk Jan 28, 2025

hoyahozz Jan 28, 2025 •

edited

Loading

SeonJeongk Jan 28, 2025

hoyahozz left a comment

hoyahozz Jan 29, 2025

hoyahozz Jan 29, 2025

SeonJeongk Jan 29, 2025 •

edited

Loading

hoyahozz Jan 29, 2025

hoyahozz Jan 29, 2025

hoyahozz Jan 29, 2025

SeonJeongk Jan 29, 2025

SeonJeongk Jan 29, 2025

hoyahozz Jan 29, 2025

SeonJeongk Jan 29, 2025

	onDateSelected = { onBirthdayChange(it) },
	onDateSelected = onBirthdayChange,

	onValueChange = { onHeightChange(it) },
	onValueChange = onHeightChange,

	onValueChange = { onWeightChange(it) },
	onValueChange = onWeightChange,

[TNT-114] 회원가입 데이터 취합 및 API 연동 #54

[TNT-114] 회원가입 데이터 취합 및 API 연동 #54

Conversation

SeonJeongk commented Jan 28, 2025

📝 작업 내용

📸 실행 화면

회원가입 (트레이니)

🙆🏻 리뷰 요청 사항

👀 레퍼런스

hoyahozz left a comment

Choose a reason for hiding this comment

hoyahozz Jan 28, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hoyahozz Jan 28, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hoyahozz Jan 28, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hoyahozz Jan 28, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hoyahozz left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

SeonJeongk Jan 29, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hoyahozz Jan 28, 2025 •

edited

Loading

hoyahozz Jan 28, 2025 •

edited

Loading

hoyahozz Jan 28, 2025 •

edited

Loading

hoyahozz Jan 28, 2025 •

edited

Loading

SeonJeongk Jan 29, 2025 •

edited

Loading