Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat/#50] "회원가입 > 1. 프로필 선택, 2. 닉네임 입력" UI를 구현합니다. #57

Merged
merged 28 commits into from
Jan 18, 2025

Conversation

wjdrjs00
Copy link
Collaborator

Related issue 🛠

Work Description ✏️

  • 회원가입(프로필 선택 UI) 구현
  • 회원가입(닉네임 입력) 구현

Screenshot 📸

auth1.mp4

Uncompleted Tasks 😅

  • 입력 검증 로직

To Reviewers 📢

  • 회원가입 플로우가 길어서 나눠서 올려보겠습니다!

@wjdrjs00 wjdrjs00 added ✨ Feat 새로운 ui 또는 기능 구현 🐶 대현 labels Jan 18, 2025
@wjdrjs00 wjdrjs00 self-assigned this Jan 18, 2025
Copy link
Collaborator

@MinseoSONG MinseoSONG left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고 많으셨습니다 !
로직적인 부분은 많이 공부하고, 많이 참고하겠습니당 👍👍

)

GongBaekBasicButton(
title = "다음",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] : string 추출은 어떠신가용

Column {
StartTitleTopBar(onClick = onBackClick)

GongBaekProgressBar(progressPercent = 0.285f)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3]: percent가 화면 수치에 맞지 않는 것 같습니다 ! (화면이 8개라 0.125 배수로 설정하시면 될듯용)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반영 완료!

)

GongBaekBasicButton(
title = "다음",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3]: 위에서 추출한거 또 쓸 수 잇겟네요 !

Comment on lines +69 to +75
ImageSelectorSection(
modifier = Modifier
.padding(horizontal = 16.dp)
.align(Alignment.TopCenter),
selectedProfileIndex = selectedProfile,
onIndexSelected = onSelectedProfile
)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3]: 아예 위에 부분은 섹션으로 묶는거 좋네요 ! 참고하겠습니다 !

Copy link
Collaborator

@SYAAINN SYAAINN left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네이밍 조금 개선의 여지가 있는 것 말고는 잘 짜여졌네요! 수고 많으셨습니다!

Comment on lines 3 to 14
data class UserInfo(
val profileImage: Int?,
val nickname: String,
val mbti: String,
val schoolName: String,
val schoolMajor: String,
val schoolGrade: Int?,
val enterYear: Int?,
val introduction: String,
val sex: String,
val timeTable: TimeTable
)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] 네이밍에 대한 이야기인데요, 모집자 프로필 모델과 컨벤션을 맞춰서

schoolName -> school
schoolMajor -> major
schoolGrade -> grade
sex -> gender

로 변경은 어떤지 건의드리고 싶습니다!

Comment on lines 6 to 16
fun NavController.navigateAuthRoute() {
navigate(route = NavigationRoute.AuthNavGraphRoute.AUTH_NAV_GRAPH)
}

fun NavController.navigateCompleteAuth() {
navigate(route = NavigationRoute.AuthNavGraphRoute.AUTH)
}

fun NavController.navigateNickname() = navigate(route = NavigationRoute.AuthNavGraphRoute.NICKNAME)

fun NavController.navigateUnivMajor() = navigate(route = NavigationRoute.AuthNavGraphRoute.UNIV_MAJOR)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] 위아래 둘 중 하나의 방식으로 컨벤션을 맞추는게 통일성이 있을것 같습니다!

NicknameRoute(
viewModel = viewModel,
navigateUnivMajor = navController::navigateUnivMajor,
naviToBack = navController::popBackStack
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] 다른 navigate 함수와 비슷하게 navigateBack 네이밍은 어떨까요!

Comment on lines 31 to 32
data class OnProfileImageChanged(val profileImage: Int?) : Event()
data class OnNicknameChanged(val nickname: String) : Event()
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] Changed는 기존의 정보가 변경되는 느낌이 강한데, 아직 정해진 정보가 없는 상황에서 사용자가 고르는 화면이니 onProfileImageSelected 라는 네이밍은 어떨까요?

Comment on lines 35 to 39
sealed interface SideEffect : UiSideEffect {
data object NavigateToBack : SideEffect
data object NavigateToNickname : SideEffect
}
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[2] navigate 함수와 네이밍 컨벤션 맞춰서 To는 삭제해도 좋을 것 같습니다

}

@Composable
private fun NickNameInputSection(
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[3] NickName -> Nickname이 좋을것 같습니다!

@wjdrjs00 wjdrjs00 merged commit d9d0549 into develop Jan 18, 2025
1 check passed
@wjdrjs00 wjdrjs00 deleted the feat-#50-auth-ui branch January 18, 2025 22:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feat 새로운 ui 또는 기능 구현 🐶 대현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feat] "회원가입 > 1. 프로필 선택, 2. 닉네임 입력" UI를 구현합니다.
3 participants