[Feature/#6] : 로그인, 회원가입 페이지 구현 #11

youjin09222 · 2025-01-02T14:55:58Z

✅ 𝗖𝗵𝗲𝗰𝗸-𝗟𝗶𝘀𝘁

merge할 브랜치의 위치를 확인해 주세요.(main❌/develop⭕)
리뷰가 필요한 경우 리뷰어를 지정해 주세요.
리뷰는 PR이 올라오면 최대한 빠르게 진행합니다.
P1 단계의 리뷰는 빠르게 확인 후 반영합니다.
Approve된 PR은 assigner가 머지하고, 수정 요청이 온 경우 수정 후 다시 push를 합니다.

📌 𝗜𝘀𝘀𝘂𝗲𝘀

closed [UI] : 회원가입 UI #6

📎 𝗪𝗼𝗿𝗸 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻

로그인 UI
프로필 설정 UI
그룹 초대 코드 입력 UI

📷 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁

KakaoTalk_20250103_001410913.mp4

💬 𝗧𝗼 𝗥𝗲𝘃𝗶𝗲𝘄𝗲𝗿𝘀

ktlint 포멧 검사가 잘 안돼서 빠른 시일 내에 해결하겠습니다..!

gaeulzzang

navGraph 부분만 수정하면 좋을 것 같아욥~!! 배워가는게 너무 많네욤... 🫶

gaeulzzang · 2025-01-02T15:04:41Z

presentation/src/main/java/com/sopt/presentation/auth/component/AuthButton.kt

+import com.sopt.presentation.R
+
+@Composable
+internal fun AuthButton(


P3: internal 키워드를 사용하신 이유가 뭔가요!!??

같은 모듈 내에서만 접근 가능하도록 제한해서 캡슐화를 강화하고,
불필요하게 외부 모듈에서 사용될 가능성을 줄이고자 했습니다! 혹시 더 좋은 방법이 있을까요!!

중복되는 컴포넌트는 core/designsystem에 넣는게 좋을 것 같아서 이 모듈에 넣으면 internal 키워드는 제거해야될 것 같습니답

넵 수정하겠습니다~!!

gaeulzzang · 2025-01-02T15:06:33Z

presentation/src/main/java/com/sopt/presentation/auth/component/AuthTextField.kt

+        ) {
+            Text(
+                text = exampleText,
+                style = NoostakTheme.typography.b5Regular.copy(color = Gray800),


P3: color랑 font를 한번에 적용할 수 있군요..!!

맞아요! 그런데 가독성 부분에서는 따로 쓰는게 좋을 것 같아 고민되네요..!

nope 개성 지켜.

gaeulzzang · 2025-01-02T15:10:49Z

presentation/src/main/java/com/sopt/presentation/auth/login/LoginViewModel.kt

+    fun navigateToSignup() {
+        emitSideEffect(LoginSideEffect.NavigateSignUp("authId"))
+    }


Suggested change

fun navigateToSignup() {

emitSideEffect(LoginSideEffect.NavigateSignUp("authId"))

}

fun navigateToSignup(authId: String) {

emitSideEffect(LoginSideEffect.NavigateSignUp(authId))

}

P1: 매개변수를 줘야 나중에 값 전달할 때 편할 것 같습니다

gaeulzzang · 2025-01-02T15:12:30Z

presentation/src/main/java/com/sopt/presentation/auth/login/navigation/LoginNavigation.kt

+    navigateHome: () -> Unit,
+    navigateSignUp: (String) -> Unit


P1: navGraph 안에 화면 이동 로직을 넣어주기 보다는 LoginRoute 안에서 구현하는게 좋을 것 같습니답. navGraph 안에 매개변수가 많아지면 MainScreen에 navGraph 등록할 때 힘들거든요 😢

수정했습니다~!

gaeulzzang · 2025-01-02T15:15:19Z

presentation/src/main/java/com/sopt/presentation/auth/component/AuthButton.kt

+    containerColor: Color = Blue600,
+    contentColor: Color = White,


P3: 사실 잘 몰라서 그러는데 Blue600과 NoostakTheme.colors.blue600의 차이가 뭘까요...

간단하게 쓰려고 Blue600 쓴건데 이렇게 하는 경우는 색상을 테마와 분리하여 사용하는 것이기 때문에
하드코딩한 것과 유사하다고 하네요! 후딱 바꾸겠습니다!

NoostakTheme.colors.blue600 : NoostakColors 클래스의 값을 동적으로 참조
Blue600 : 정적인 상수 값 직접 참조

gaeulzzang · 2025-01-02T15:17:46Z

presentation/src/main/java/com/sopt/presentation/auth/signup/SignUpRoute.kt

+        AuthButton(
+            padding = PaddingValues(vertical = 15.dp),
+            onClick = onSignUpClick,
+            isEnabled = isNextEnabled,


P2: isNextEnabled 변수를 새로 만들기 보다는 name.isBlank로 둬도 될 것 같아욥

넵 수정하겠습니다~!

gaeulzzang · 2025-01-02T15:18:19Z

presentation/src/main/java/com/sopt/presentation/auth/signup/navigation/SignUpNavigation.kt

+}
+
+fun NavGraphBuilder.signUpNavGraph(
+    navigateToCheckInvite: (String) -> Unit


P1: 여기도 수정 부탁드려요!!

gaeulzzang · 2025-01-02T15:19:07Z

presentation/src/main/java/com/sopt/presentation/auth/signup/SignUpRoute.kt

+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp),


P1: dimen.xml에 있는 padding 값으로 넣어주세욥~!!

gaeulzzang · 2025-01-02T15:20:15Z

core/src/main/java/com/sopt/core/designsystem/component/button/BaseViewModel.kt

+abstract class BaseViewModel<T> : ViewModel() {
+    private val _sideEffects = MutableSharedFlow<T>()
+    val sideEffects: SharedFlow<T> get() = _sideEffects.asSharedFlow()
+
+    protected fun emitSideEffect(sideEffect: T) {
+        viewModelScope.launch {
+            _sideEffects.emit(sideEffect)
+        }
+    }
+}


P3: 야무져요 엄마 ❤️

P3: 아 맞다 core/util에 BaseViewModel 넣어놨어욥

어머 고맙습니다ㅏㅏ 그럼 제가 추가한건 삭제해놓을게요~!

gaeulzzang · 2025-01-02T15:21:05Z

presentation/src/main/res/values/strings.xml

+    <string name="btn_submit">확인</string>
+
+    <!-- 로그인 -->
+    <string name="tv_login_description">SNS 계정으로 빠르게 시작하기</string>


P3: xml을 안쓰지만 네이밍이 xml인...ㅠㅠ 저도 사실 이렇게 했는데 다른 좋은 방법 있을까요?

오 그렇네요..? 저도 한번 고민해봐야겠습니다🤔

P3 : 저는 걍 text_로 했어요

Eonji-sw

잘하셨네요! 저랑 겹치는 부분이 정말 많아서 음... 파트 분배를 더 잘할 수 있지 않았을까 아니면 초반에 컴포넌트를 나눠가져서 개발을 진행했어야 했나 라는 생각이 정말 많이 드네요 제가 마지막으로 PR 올릴 것 같은데 그때 잘 맞춰서 컴포넌트 재사용할 수 있게 해야겠네요.... color 호출 부분들과 dimens 값 활용만 수정하면 더 좋을 것 같네요

Eonji-sw · 2025-01-03T07:39:27Z

presentation/src/main/java/com/sopt/presentation/auth/signup/SignUpState.kt

+package com.sopt.presentation.auth.signup
+data class SignUpState(
+    val name: String = "",
+    val profileImage: String = "basic",


P2 : nullable 하지 않을까요?

수정하겠습니다!!

Eonji-sw · 2025-01-03T07:42:19Z

presentation/src/main/res/values/strings.xml

+    <string name="btn_submit">확인</string>
+
+    <!-- 로그인 -->
+    <string name="tv_login_description">SNS 계정으로 빠르게 시작하기</string>


P3 : 저는 걍 text_로 했어요

Eonji-sw

아 그리고 갤러리 로직은 아직 작성하지 않으신건가요? 생각해봤는데 제 부분에도 갤러리 접근이 있어서 맨 처음 앱 들어오면 갤러리 권한 받는게 좋을 것 같아요! 다들 어떻게 생각하시나용? @gaeulzzang

…into feat/#6-login

…Noostak/Noostak_Android into feat/#6-login

youjin09222 added 6 commits January 2, 2025 23:06

#6 [ADD] Yellow color 추가

6280f9d

#6 [FEAT] BaseViewModel 구현

dcce319

#6 [UI] AuthButton 컴포넌트 구현

be72e96

#6 [UI] 로그인 페이지 구현

3cd2a44

#6 [UI] AuthTextField 컴포넌트 구현

0f3a48f

#6 [UI] 회원가입 페이지 구현

6ee91a1

youjin09222 added 💟 [UI] UI 작업 🐰 유진 뉴진스 labels Jan 2, 2025

youjin09222 self-assigned this Jan 2, 2025

youjin09222 requested a review from a team as a code owner January 2, 2025 14:55

youjin09222 added 5 commits January 3, 2025 00:03

#6 [UI] 그룹코드 초대 확인 페이지 구현

2dc611a

#6 [UI] OtpInputField 컴포넌트 구현

364fbad

#6 [UI] 그룹 코드 입력 페이지 구현

c04d50a

#6 [FEAT] 페이지 연결

0e236d0

#6 [REFACTOR] MainNavigator 초기 경로 Login으로 변경

f98c669

gaeulzzang approved these changes Jan 2, 2025

View reviewed changes

Eonji-sw approved these changes Jan 3, 2025

View reviewed changes

Eonji-sw reviewed Jan 3, 2025

View reviewed changes

youjin09222 added 12 commits January 3, 2025 16:52

#6 [DEL] 중복된 BaseViewModel 삭제

9e6863a

#6 [REFACTOR] authId 상태 관리 및 메서드 개선

65a8d3e

#6 [REFACTOR] 로그인 네비게이션 로직 개선

7a61374

#6 [REFACTOR] SignUpState 수정

9a3450c

#6 [FEAT] CheckInvite에 name 전달

19e7ca7

#6 [REFACTOR] 회원가입 네비게이션 로직 개선

b00cbd6

#6 [REFACTOR] CheckInvite에 사용자 이름 적용

752a7b9

#6 [REFACTOR] 그룹 초대 확인 네비게이션 로직 개선

7a1dab4

#6 [REFACTOR] 초대 코드 입력 네비게이션 로직 개선

fa7a0f5

#6 [REFACTOR] inputGroupCodeNavGraph 구조 단순화

0c3f7fc

#6 [CHORE] 오타 수정

aaf2b7f

#6 [REFACTOR] 패딩 값에 dimens 리소스 적용

ce5b15e

Eonji-sw and others added 30 commits January 8, 2025 18:22

#15 [UI] string export

fa8326d

#15 [UI] padding 영역 변경

3da792d

#15 [UI] string export

845de21

#15 [FEAT] TextFieldType enum class 구현

f68051d

#15 [UI] cursorColor 설정

d7139e4

#15 [ADD] compose, glide dependency add

9c3475d

#15 [MOD] launchImagePicker core 위치 이동

0c77380

#15 [MOVE] ic 파일 위치 이동

de92eec

#15 [MOVE] rememberGalleryLauncher 파일 위치 이동

e5d8c94

#15 [UI] string export

578fd48

#15 [MOD] 파일 위치 및 네이밍 변경

168daea

#15 [MOD] 파일 네이밍 변경

9729bcf

#15 [MOD] 파일 위치 및 네이밍 변경

058897a

#15 [MOD] ktlint 적용

9c885e5

Merge branch 'develop' of https://github.com/Noostak/Noostak_Android …

e1514a2

…into feat/#6-login

Merge branch 'feature/#15-common-textfield-ui' of https://github.com/…

7eecf4c

…Noostak/Noostak_Android into feat/#6-login

#6 [REFACTOR] 공통 컴포넌트 사용

8b223d9

#6 [RENAME] AuthButton to LoginButton

a604744

#6 [MOVE] OtpInputField to designsystem

d792834

#6 [DEL] 중복 컴포넌트 삭제

162241e

#6 [REFACTOR] LoginButton 구조 개선

b254c80

#6 [REFACTOR] SocialLoginBottom 구조 개선

8300ccf

#6 [REFACTOR] 공통 컴포넌트 사용

1f751ea

#6 [REFACTOR] SignUpState 필드 수정

93dc59d

#6 [REFACTOR] SignUpSideEffect 구조 개선

edbc3a5

#6 [REFACTOR] SignUpViewModel 갤러리 권한 요청 및 처리 로직 추가

0bd282c

#6 [ADD] AndroidManifest에 갤러리 접근 권한 추가

a278ab9

#6 [ADD] 갤러리 권한 요청 string 추가

d6a152d

#6 [FEAT] 갤러리 권한 요청 및 프로필 이미지 선택 로직 추가

de0c242

#6 [REFACTOR] ktlint 적용

7720d1f

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feature/#6] : 로그인, 회원가입 페이지 구현 #11

[Feature/#6] : 로그인, 회원가입 페이지 구현 #11

youjin09222 commented Jan 2, 2025 •

edited

Loading

gaeulzzang left a comment

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025 •

edited

Loading

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025

gaeulzzang Jan 2, 2025

gaeulzzang Jan 2, 2025

gaeulzzang Jan 2, 2025

youjin09222 Jan 3, 2025

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025 •

edited

Loading

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025

gaeulzzang Jan 2, 2025

gaeulzzang Jan 2, 2025

gaeulzzang Jan 2, 2025

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025

gaeulzzang Jan 2, 2025

youjin09222 Jan 2, 2025

Eonji-sw Jan 3, 2025

Eonji-sw left a comment

Eonji-sw Jan 3, 2025

youjin09222 Jan 3, 2025

Eonji-sw Jan 3, 2025

Eonji-sw left a comment

		containerColor: Color = Blue600,
		contentColor: Color = White,

[Feature/#6] : 로그인, 회원가입 페이지 구현 #11

Are you sure you want to change the base?

[Feature/#6] : 로그인, 회원가입 페이지 구현 #11

Conversation

youjin09222 commented Jan 2, 2025 • edited Loading

✅ 𝗖𝗵𝗲𝗰𝗸-𝗟𝗶𝘀𝘁

📌 𝗜𝘀𝘀𝘂𝗲𝘀

📎 𝗪𝗼𝗿𝗸 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻

📷 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁

💬 𝗧𝗼 𝗥𝗲𝘃𝗶𝗲𝘄𝗲𝗿𝘀

gaeulzzang left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

youjin09222 Jan 2, 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment

youjin09222 Jan 2, 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Eonji-sw left a 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

Eonji-sw left a comment

Choose a reason for hiding this comment

youjin09222 commented Jan 2, 2025 •

edited

Loading

youjin09222 Jan 2, 2025 •

edited

Loading

youjin09222 Jan 2, 2025 •

edited

Loading