🔀(::63) SignIn page를 퍼블리싱 했습니다.

[xx-lvr]

💡 개요

SignIn 페이지를 퍼블리싱 했습니다.

📃 작업내용

DoMaInputID, DoMaInputPassWord,DoMaLoginButton, Signin페이지 구현

🔀 변경사항

Signin Page에 screen과 component

🙋‍♂️ 질문사항

• 개선할 점, 오타, 코드에 이산한 부분이 있다면 Comment 달아주세요.

🍴 사용방법

🎸 기타

Summary by CodeRabbit

• New Features
  • 개선된 로그인 인터페이스: 사용자 ID 및 비밀번호 입력 필드, 로그인 버튼과 더불어 구글 인증용 웹뷰 지원 기능이 추가되었습니다.
  • 향상된 사용자 입력: 문자 제한, 오류 처리 기능이 포함된 커스터마이징 가능한 텍스트 필드가 도입되었습니다.
  • 새 테마 색상: 배경, 강조 색상 등 새로운 색상 옵션으로 일관된 UI 디자인이 제공됩니다.
  • 새로운 기기 사양 추가: 여러 새로운 기기 모델이 지원됩니다.

[coderabbitai]

Walkthrough

이 PR은 여러 구성 파일 및 소스 코드에 걸쳐 다양한 변경 사항을 포함합니다. XML 파일에서 불필요한 <SelectionState> 요소가 삭제되었으며, 기기 선택 데이터가 추가/수정되었습니다. Gradle 파일에서는 Firebase 애노테이션 의존성이 추가되었고, Kotlin 소스 코드에서는 새로운 컴포저블 UI 컴포넌트와 로그인 화면이 도입되었습니다. 또한, 패키지 명 오타 수정 및 관련 ViewModel의 import 경로가 업데이트되었습니다.

Changes

파일 경로(s)	변경 요약
.idea/deploymentTargetSelector.xml	<SelectionState> 요소 4개 삭제 (data, data2, domain, presentation)
.idea/other.xml	새로운 기기 데이터 (OnePlus, Samsung, Motorola 등) 추가 및 기존 기기 데이터 수정
buildSrc/.../counters.tab	값 '5'가 '3'으로 변경됨
gradle/libs.versions.toml presentation/build.gradle.kts	Firebase 애노테이션 버전 및 라이브러리 의존성 추가
PULL_REQUEST_TEMPLATE.md	파일 삭제됨
presentation/src/main/java/view/signin/component/{DoMaInputID.kt, DoMaInputPassWord.kt, DoMaLoginButton.kt}	로그인 관련 UI 컴포넌트와 미리보기 함수 추가
presentation/src/main/java/view/textfield/DoMaTextField.kt	커스터마이즈 텍스트필드 컴포저블 추가
presentation/src/main/java/view/signin/screen/{SignInScreen.kt, SignInSubScreen.kt}	Google 인증 로그인 포함한 로그인 화면 컴포저블 추가
presentation/src/main/java/view/theme/color/{ColorTheme.kt, DoMaColor.kt}	색상 테마 확장: BACKGROUND, GREEN, RED, LOGIN 추가
presentation/src/main/java/until/Result.kt	패키지명 "Untill"에서 "until"으로 수정
presentation/src/main/java/viewModel/{admin/AdminViewModel.kt, homes/HomesViewmodel.kt, users/UsersViewModel.kt}	import 경로 및 타입 참조 수정 (Untill → until)

Sequence Diagram(s)

sequenceDiagram
    participant User as 사용자
    participant Screen as SignInScreen
    participant WebView as GAuthSigninWebView
    User->>Screen: 로그인 버튼 클릭
    Screen-->>WebView: 클라이언트 ID, 리다이렉트 URI 전달
    WebView-->>Screen: 인증 코드 반환
    Screen-->>User: 로그인 처리 결과 전달

Loading

Possibly related PRs

• 🔀 :: (#61) SignInPage 퍼블리싱 했습니다. #62: .idea/deploymentTargetSelector.xml에서 <SelectionState> 요소 삭제와 관련된 변경 사항이 포함됨

Suggested labels

1️⃣ Priority: High, bug

Suggested reviewers

• nahyunuk

Poem

나는 작은 토끼, 코드 숲을 달리며,
변경된 색과 UI에 발길을 멈추고, 🐇
Firebase 꿈을 안고 새로움을 노래해,
로그인 화면에 희망을 담아내네,
내 발자국은 혁신의 노래,
언제나 즐겁고 활짝 피어나네!

✨ Finishing Touches

• 📝 Generate Docstrings

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[coderabbitai]

Actionable comments posted: 12

🔭 Outside diff range comments (1)

presentation/src/main/java/view/theme/color/ColorTheme.kt (1)

6-14: 🛠️ Refactor suggestion

색상 상수 명명 규칙의 일관성이 필요합니다.

색상 상수들의 명명 규칙이 일관되지 않습니다:

• 일부는 대문자(MAIN, WHITE)
• 일부는 파스칼 케이스(Gold, Broze)

또한 'Broze'는 'Bronze'의 오타로 보입니다.

다음과 같이 모든 색상 상수를 대문자로 통일하는 것을 제안드립니다:

-    abstract val MAIN: Color
-    abstract val Black: Color
-    abstract val WHITE: Color
-    abstract val GRAY: Color
-    abstract val Gold: Color
-    abstract val silver: Color
-    abstract val Broze: Color
+    abstract val MAIN: Color
+    abstract val BLACK: Color
+    abstract val WHITE: Color
+    abstract val GRAY: Color
+    abstract val GOLD: Color
+    abstract val SILVER: Color
+    abstract val BRONZE: Color

🧹 Nitpick comments (6)

presentation/src/main/java/view/theme/color/DoMaColor.kt (1)

15-18: 주석을 더 자세하게 작성해주세요.

현재 주석이 간단하게 작성되어 있습니다. 각 색상의 사용 목적과 적용 위치를 더 자세히 설명해주시면 좋겠습니다.

예시:

-    override val SYSTEM = Color(0xFF14C38E) // 시스템 색상 (강조 색으로 설정)
+    override val SYSTEM = Color(0xFF14C38E) // 시스템 강조 색상 - 주요 액션 버튼, 진행 상태 표시 등에 사용

presentation/src/main/java/view/signin/component/DoMaInputID.kt (1)

51-56: 색상 값을 테마로 분리해주세요.

하드코딩된 색상 값들을 테마 시스템으로 이동하여 일관성 있는 디자인을 유지하는 것이 좋습니다.

-                    backgroundColor = Color(0xFF1E1E1E),
-                    cursorColor = Color.White,
-                    focusedBorderColor = Color(0xFFB9B9B9),
-                    unfocusedBorderColor = Color(0xFFB9B9B9)
+                    backgroundColor = colors.inputBackground,
+                    cursorColor = colors.cursor,
+                    focusedBorderColor = colors.borderFocused,
+                    unfocusedBorderColor = colors.borderUnfocused

presentation/src/main/java/view/signin/component/DoMaLoginButton.kt (1)

41-48: 접근성 개선이 필요합니다.

스크린 리더 사용자를 위해 contentDescription을 추가해주세요.

             Text(
                 text = "로그인",
+                modifier = Modifier.semantics {
+                    contentDescription = "로그인 버튼"
+                },
                 style = TextStyle(
                     fontSize = 16.sp,
                     fontWeight = FontWeight(700),
                     color = colors.WHITE,
                 )
             )

presentation/src/main/java/view/signin/Screen/SignInScreen.kt (3)

23-29: 함수 문서화 및 네이밍 개선이 필요합니다.

함수의 가독성과 유지보수성을 높이기 위해 다음 사항들을 제안드립니다:

1. @Composable 함수에 KDoc 문서를 추가하여 각 매개변수의 역할을 설명
2. 콜백 함수명을 더 관용적으로 변경 (leIsClickLoginButton → onLoginClick)

 @Composable
+/**
+ * 로그인 화면을 표시하는 Composable 함수
+ *
+ * @param modifier 레이아웃 수정자
+ * @param clickButton Google 인증 웹뷰 표시 여부
+ * @param gAuthLogin Google 인증 완료 시 호출되는 콜백
+ * @param onLoginClick 로그인 버튼 클릭 시 호출되는 콜백
+ */
 fun SignInScreen(
     modifier: Modifier = Modifier,
     clickButton: Boolean,
     gAuthLogin: (String) -> Unit,
-    leIsClickLoginButton: () -> Unit,
+    onLoginClick: () -> Unit,
 )

---

37-53: 레이아웃 구조 최적화가 필요합니다.

1. 중첩된 Column에서 modifier가 불필요하게 재선언되고 있습니다.
2. Typography 스타일을 매번 copy하는 대신 별도의 스타일을 정의하는 것이 좋습니다.

 Column(
-    modifier = modifier
+    modifier = Modifier
         .fillMaxWidth()
         .padding(start = 20.dp, end = 20.dp, bottom = 20.dp)
         .weight(1f),
     horizontalAlignment = Alignment.Start,
     verticalArrangement = Arrangement.Bottom
 ) {
+    val greetingStyle = DoMaTypography.headlineSmall
     Text(
         text = "안녕하세요!",
-        style = DoMaTypography.headlineSmall.copy(color = colors.WHITE),
+        style = greetingStyle.copy(color = colors.WHITE),
     )
     Text(
         text = "로그인을 해볼까요?",
-        style = DoMaTypography.headlineSmall.copy(color = colors.Green),
+        style = greetingStyle.copy(color = colors.Green),
     )
 }

---

133-141: 프리뷰 함수 개선이 필요합니다.

다양한 상태를 확인할 수 있도록 프리뷰 함수를 확장하면 좋을 것 같습니다.

 @Preview
 @Composable
-fun PreviewSignInScreen() {
+fun PreviewSignInScreen() = DoMaAndroidTheme {
     SignInScreen(
         clickButton = false,
         gAuthLogin = {},
         leIsClickLoginButton = {}
     )
 }
+
+@Preview(name = "Google Auth WebView Visible")
+@Composable
+fun PreviewSignInScreenWithWebView() = DoMaAndroidTheme {
+    SignInScreen(
+        clickButton = true,
+        gAuthLogin = {},
+        leIsClickLoginButton = {}
+    )
+}

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 512b3d3 and e5a9f37.

⛔ Files ignored due to path filters (3)

• buildSrc/build/kotlin/compileKotlin/cacheable/last-build.bin is excluded by !**/*.bin
• buildSrc/build/kotlin/compileKotlin/local-state/build-history.bin is excluded by !**/*.bin
• buildSrc/build/libs/buildSrc.jar is excluded by !**/*.jar

📒 Files selected for processing (11)

• .idea/deploymentTargetSelector.xml (0 hunks)
• buildSrc/build/kotlin/compileKotlin/cacheable/caches-jvm/lookups/counters.tab (1 hunks)
• gradle/libs.versions.toml (2 hunks)
• presentation/build.gradle.kts (1 hunks)
• presentation/src/main/java/view/signin/Screen/SignInScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaInputID.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaLoginButton.kt (1 hunks)
• presentation/src/main/java/view/theme/color/ColorTheme.kt (1 hunks)
• presentation/src/main/java/view/theme/color/DoMaColor.kt (1 hunks)

💤 Files with no reviewable changes (1)

• .idea/deploymentTargetSelector.xml

✅ Files skipped from review due to trivial changes (1)

• buildSrc/build/kotlin/compileKotlin/cacheable/caches-jvm/lookups/counters.tab

⏰ Context from checks skipped due to timeout of 90000ms (1)

• GitHub Check: build

🔇 Additional comments (1)

gradle/libs.versions.toml (1)

16-16:

Details

✅ Verification successful

Firebase Annotations 버전 업데이트가 필요합니다.

현재 설정된 Firebase Annotations 버전(16.2.0)이 최신 버전이 아닐 수 있습니다. 다른 의존성들과의 호환성도 확인이 필요합니다.

Also applies to: 37-37

---

🌐 Web query:

What is the latest version of Firebase Annotations library and its compatibility with Firebase SDK?

💡 Result:

The latest version of Firebase Annotations (Java library) is 16.2.0, as referenced by its bindings in Xamarin.Firebase.Annotions v116.2.0[1]. This annotation library provides tooling support for ProGuard rules and API stability markers like @KeepForSdk and @PublicApi[2].

Compatibility with Firebase SDKs:

1. Android:

   • Integrated into modern Firebase Android SDKs via Bill of Materials (BoM) v33.x[7][9].
   • Compatible with .NET for Android projects targeting net8.0-android34+ when using Xamarin bindings[1].

2. Cross-SDK Usage:

   • Annotations are honored across all Android-based Firebase libraries (e.g., Firestore v24.x[7], Crashlytics v19.x[7]) through shared ProGuard configurations[2].
   • Kotlin Multiplatform support exists experimentally via Jetpack Annotation v1.x[4][10].

Key Features:

Annotation	Purpose	ProGuard Behavior
@Keep	Preserve APIs during optimization	Enforced by default rules[2]
@KeepForSdk	Restrict usage to Firebase SDKs	Linter enforcement in Android Studio[2]
@PublicApi	Versioning guidance for API changes	Tooling integration[2]

For .NET developers using Xamarin bindings (Xamarin.Firebase.Annotions), ensure compatibility with .NET 8+ and verify dependencies like Xamarin.JavaX.Inject v1+[1].

Citations:

• 1: https://www.nuget.org/packages/Xamarin.Firebase.Annotations/
• 2: https://github.com/firebase/firebase-android-sdk
• 3: https://github.com/firebase/firebase-ios-sdk/releases
• 4: https://developer.android.com/jetpack/androidx/releases/annotation
• 5: https://firebase.google.com/docs/firestore/client/libraries
• 6: https://swiftpackageindex.com/firebase/firebase-ios-sdk
• 7: https://developers.google.com/android/guides/releases
• 8: https://rnfirebase.io
• 9: https://firebase.google.com/support/releases
• 10: https://firebaseopensource.com/projects/gitliveapp/firebase-kotlin-sdk/

---

Firebase Annotations 버전 확인 완료 – 업데이트 불필요

• gradle/libs.versions.toml의 16번 및 37번 라인에 설정된 firebaseAnnotations = "16.2.0"은 최신 버전임이 확인되었습니다.
• 최신 Firebase Annotations 라이브러리 버전은 16.2.0으로, 다른 Firebase SDK 의존성과의 호환성에도 문제가 없습니다.

[coderabbitai]

💡 Verification agent

🧩 Analysis chain

Firebase Annotations 버전 검증이 필요합니다.

Firebase Annotations 라이브러리의 버전이 16.2.0으로 설정되어 있습니다. 보안 및 기능 향상을 위해 최신 버전 사용을 권장드립니다.

---

🌐 Web query:

What is the latest version of Firebase Annotations library?

💡 Result:

The latest version of Firebase Annotations depends on its implementation context:

Java/Kotlin (Android)

For native Android development:

• Version: 16.0 ([source][10])
• Artifact: com.google.firebase:firebase-annotations
  This version appears stable but has not been updated recently in public repositories like Maven Central[10].

Xamarin (.NET for Android)

For .NET bindings via NuGet:

• Version: 116.2 ([source][1])
• Package: Xamarin.Firebase.Annota‌tions
  This package provides bindings for Google’s Java-based firebase-annotations library and follows Google’s major versioning scheme with incremental updates[1].

---

Key Observations

1️⃣ AndroidX vs Firebase
The androidx.annotation library (version 1‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌.8` as of May 2024) serves similar purposes but is distinct from Firebase-specific annotations[2].

2️⃣ SDK Integration
Firebase SDKs use annotations like @KeepForSdk internally for ProGuard rules and API stability checks[8]. These are part of core SDK dependencies rather than standalone libraries[9].

3️⃣ Version Alignment
Firebase’s Bill of Materials (BoM) simplifies dependency management by aligning SDK versions[9]. For example:

implementation platform("com.google.firebase:firebase-bom:33‌​​​​​​​​​​​​​​​​​​​​​​​​​​`.8``")

Citations:

• 1: https://www.nuget.org/packages/Xamarin.Firebase.Annotations/
• 2: https://developer.android.com/jetpack/androidx/releases/annotation
• 3: https://rnfirebase.io/releases
• 4: https://developers.google.com/android/guides/releases
• 5: https://www.nuget.org/packages/Xamarin.Firebase.Annotations/116.2.0.10
• 6: https://github.com/firebase/firebase-ios-sdk/releases
• 7: https://firebase.google.com/support/releases
• 8: https://github.com/firebase/firebase-android-sdk
• 9: https://firebase.google.com/support/release-notes/android
• 10: https://mvnrepository.com/artifact/com.google.firebase/firebase-annotations/16.0.0

---

Firebase Annotations 라이브러리 버전 불일치 문제 확인

현재 presentation/build.gradle.kts에서 Firebase Annotations 라이브러리가 libs.firebase.annotations를 통해 16.2.0 버전으로 사용되고 있는 것으로 보입니다. Maven Repository ([source][10]) 등 최신 자료에 따르면, 네이티브 Android 환경에서 공식적으로 릴리즈된 안정 버전은 16.0.0입니다.

• 조치 사항
  • Firebase Annotations 버전이 16.2.0 대신 16.0.0으로 설정되어야 하는지 확인 바랍니다.
  • 만약 의도한 버전이 아니라면, 보안 및 기능 향상을 위해 버전 번호를 16.0.0으로 수정하는 것을 권장합니다.

[coderabbitai]

🛠️ Refactor suggestion

새로운 색상 상수도 명명 규칙을 따라야 합니다.

새로 추가된 색상 상수들도 일관된 명명 규칙을 따라야 합니다.

-    abstract val Background: Color
-    abstract val Green: Color
+    abstract val BACKGROUND: Color
+    abstract val GREEN: Color

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	abstract val Background: Color
	abstract val Green: Color
	abstract val BACKGROUND: Color
	abstract val GREEN: Color

[coderabbitai]

🛠️ Refactor suggestion

색상 상수 이름을 ColorTheme 클래스와 일치시켜야 합니다.

ColorTheme 클래스의 명명 규칙 변경에 맞춰 구현도 수정이 필요합니다.

-    override val Background = Color(0xFF1E1E1E)
-    override val Green = Color(0xFF9AD54A)
+    override val BACKGROUND = Color(0xFF1E1E1E)
+    override val GREEN = Color(0xFF9AD54A)

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	override val Background = Color(0xFF1E1E1E)
	override val Green = Color(0xFF9AD54A)
	override val BACKGROUND = Color(0xFF1E1E1E)
	override val GREEN = Color(0xFF9AD54A)

[coderabbitai]

🛠️ Refactor suggestion

ViewModel로 상태 관리 리팩토링이 필요합니다.

TODO 주석에서 언급된 대로 상태 관리를 ViewModel로 이동하는 것이 좋습니다. 현재 구현은 상태를 컴포저블 내부에서 관리하고 있어 테스트와 유지보수가 어려울 수 있습니다.

-    val idState = remember { mutableStateOf(TextFieldValue("")) } // viewmodel 구현 후 수정 하겠습니다.
+    // ViewModel에서 상태를 관리하도록 수정
+    val idState: TextFieldValue,
+    val onIdChange: (TextFieldValue) -> Unit,

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	val idState = remember { mutableStateOf(TextFieldValue("")) } // viewmodel 구현 후 수정 하겠습니다.
	// ViewModel에서 상태를 관리하도록 수정
	val idState: TextFieldValue,
	val onIdChange: (TextFieldValue) -> Unit,

[coderabbitai]

🛠️ Refactor suggestion

로딩 상태 처리가 필요합니다.

로그인 버튼에 로딩 상태를 추가하여 사용자에게 로그인 진행 상태를 표시해주는 것이 좋습니다.

 fun DoMaLoginButton(
     modifier: Modifier = Modifier,
+    isLoading: Boolean = false,
     onClick: () -> Unit,
 ) {

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	fun DoMaLoginButton(
	modifier: Modifier = Modifier,
	onClick: () -> Unit,
	) {
	fun DoMaLoginButton(
	modifier: Modifier = Modifier,
	isLoading: Boolean = false,
	onClick: () -> Unit,
	) {

[coderabbitai]

⚠️ Potential issue

보안 취약점: 클라이언트 자격 증명이 하드코딩되어 있습니다.

클라이언트 ID와 리다이렉트 URI를 환경 설정이나 보안 저장소로 이동해야 합니다.

-                    clientId = "ghskfend",
-                    redirectUri = "ghskfen"
+                    clientId = BuildConfig.GAUTH_CLIENT_ID,
+                    redirectUri = BuildConfig.GAUTH_REDIRECT_URI

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	clientId = "ghskfend",
	redirectUri = "ghskfen"
	clientId = BuildConfig.GAUTH_CLIENT_ID,
	redirectUri = BuildConfig.GAUTH_REDIRECT_URI

[coderabbitai]

🛠️ Refactor suggestion

로그인 오류 처리가 필요합니다.

Google 인증 과정에서 발생할 수 있는 오류 처리 로직을 추가해주세요.

             if (clickButton) {
                 GAuthSigninWebView(
                     clientId = BuildConfig.GAUTH_CLIENT_ID,
                     redirectUri = BuildConfig.GAUTH_REDIRECT_URI,
+                    onError = { error ->
+                        // 오류 처리 로직
+                        onLoginError(error)
+                    }
                 ) { code ->
                     gAuthLogin(code)
                 }
             }

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	if (clickButton) {
	GAuthSigninWebView(
	clientId = "ghskfend",
	redirectUri = "ghskfen"
	) { code ->
	gAuthLogin(code)
	}
	}
	if (clickButton) {
	GAuthSigninWebView(
	clientId = BuildConfig.GAUTH_CLIENT_ID,
	redirectUri = BuildConfig.GAUTH_REDIRECT_URI,
	onError = { error ->
	// 오류 처리 로직
	onLoginError(error)
	}
	) { code ->
	gAuthLogin(code)
	}
	}

[coderabbitai]

⚠️ Potential issue

보안 개선 및 변수명 수정이 필요합니다.

1. 클라이언트 ID와 리다이렉트 URI가 하드코딩되어 있어 보안상 위험합니다.
2. clickButton 변수명이 명확하지 않습니다.

-if (clickButton) {
+if (showGoogleAuthWebView) {
     GAuthSigninWebView(
-        clientId = "ghskfend",
-        redirectUri = "ghskfen"
+        clientId = BuildConfig.GOOGLE_AUTH_CLIENT_ID,
+        redirectUri = BuildConfig.GOOGLE_AUTH_REDIRECT_URI
     ) { code ->
         gAuthLogin(code)
     }
 }

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	if (clickButton) {
	GAuthSigninWebView(
	clientId = "ghskfend",
	redirectUri = "ghskfen"
	) { code ->
	gAuthLogin(code)
	}
	}
	if (showGoogleAuthWebView) {
	GAuthSigninWebView(
	clientId = BuildConfig.GOOGLE_AUTH_CLIENT_ID,
	redirectUri = BuildConfig.GOOGLE_AUTH_REDIRECT_URI
	) { code ->
	gAuthLogin(code)
	}
	}

[coderabbitai]

💡 Verification agent

🧩 Analysis chain

회원가입 네비게이션 구현 및 접근성 개선이 필요합니다.

1. 회원가입 화면으로의 네비게이션 구현이 필요합니다.
2. 접근성 설명을 더 자세하게 제공하면 좋을 것 같습니다.

회원가입 화면이 구현되어 있는지 확인이 필요합니다:

 Text(
     text = "회원가입 하기",
     modifier = Modifier
-        .clickable { /* TODO: 회원가입 화면으로 이동 */ }
-        .semantics { contentDescription = "회원가입 페이지로 이동" },
+        .clickable { /* TODO: implement navigation to SignUpScreen */ }
+        .semantics { 
+            contentDescription = "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"
+        },
     style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     textAlign = TextAlign.Center
 )

---

🏁 Script executed:

#!/bin/bash
# 회원가입 관련 파일 검색
rg -l "회원가입|SignUp" --type kotlin

Length of output: 97

---

회원가입 네비게이션 및 접근성 개선 필요

• 회원가입 화면으로 네비게이션하는 로직이 구현되지 않았습니다. 실제 화면 전환 기능을 추가해주세요.
• 접근성 설명이 간결하지만, 구체적인 설명으로 업데이트하면 좋겠습니다. 예를 들어, "회원가입 페이지로 이동" 대신 "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"처럼 명확히 기술해주세요.

 Text(
     text = "회원가입 하기",
     modifier = Modifier
-        .clickable { /* TODO: 회원가입 화면으로 이동 */ }
-        .semantics { contentDescription = "회원가입 페이지로 이동" },
+        .clickable { /* TODO: 회원가입 화면으로 이동하는 로직 구현 */ }
+        .semantics {
+            contentDescription = "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"
+        },
     style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     textAlign = TextAlign.Center
 )

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	Row(
	modifier = Modifier
	.fillMaxWidth()
	.padding(bottom = 20.dp),
	horizontalArrangement = Arrangement.Center,
	verticalAlignment = Alignment.CenterVertically,
	) {
	Text(
	text = "아직 함께하지 못했다면?",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Spacer(modifier = Modifier.width(4.dp))
	Text(
	text = "회원가입 하기",
	modifier = Modifier
	.clickable { /* TODO: 회원가입 화면으로 이동 */ }
	.semantics { contentDescription = "회원가입 페이지로 이동" },
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	textAlign = TextAlign.Center
	)
	}
	Row(
	modifier = Modifier
	.fillMaxWidth()
	.padding(bottom = 20.dp),
	horizontalArrangement = Arrangement.Center,
	verticalAlignment = Alignment.CenterVertically,
	) {
	Text(
	text = "아직 함께하지 못했다면?",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Spacer(modifier = Modifier.width(4.dp))
	Text(
	text = "회원가입 하기",
	modifier = Modifier
	.clickable { /* TODO: 회원가입 화면으로 이동하는 로직 구현 */ }
	.semantics {
	contentDescription = "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"
	},
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	textAlign = TextAlign.Center
	)
	}

[coderabbitai]

💡 Verification agent

🛠️ Refactor suggestion

🧩 Analysis chain

코드 중복을 제거하고 TODO 항목 구현이 필요합니다.

1. 아이디/비밀번호 찾기 텍스트의 중복된 코드를 컴포넌트로 분리
2. TODO 항목에 대한 구체적인 구현이 필요

+@Composable
+private fun ClickableText(
+    text: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: TextStyle = DoMaTypography.labelLarge,
+    color: Color = colors.WHITE
+) {
+    Text(
+        text = text,
+        modifier = modifier.clickable(
+            interactionSource = remember { MutableInteractionSource() },
+            indication = rememberRipple(),
+            onClick = onClick
+        ),
+        style = style.copy(color = color)
+    )
+}

 Row(
     horizontalArrangement = Arrangement.End,
     modifier = Modifier
         .fillMaxWidth()
         .padding(horizontal = 20.dp),
 ) {
-    Text(
-        text = "아이디 찾기",
-        modifier = Modifier.clickable(...),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "아이디 찾기",
+        onClick = { /* TODO: 아이디 찾기 화면으로 이동 */ }
+    )
     Text(
         text = " | ",
         style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     )
-    Text(
-        text = "비밀번호 찾기",
-        modifier = Modifier.clickable(...),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "비밀번호 찾기",
+        onClick = { /* TODO: 비밀번호 찾기 화면으로 이동 */ }
+    )
 }

아이디/비밀번호 찾기 기능이 구현되어 있는지 확인이 필요합니다:

---

🏁 Script executed:

#!/bin/bash
# 아이디/비밀번호 찾기 관련 파일 검색
rg -l "아이디 찾기|비밀번호 찾기" --type kotlin

Length of output: 100

---

중복 코드 제거 및 TODO 구현 필요

• 아이디 찾기와 비밀번호 찾기를 처리하는 코드가 중복되어 있으므로, 이를 별도의 Composable 컴포넌트(예: ClickableText)로 분리해 재사용성을 높여주세요.
• 현재 두 항목에 TODO 주석이 남아있으므로, 이후 화면 이동 등 구체적인 구현 사항을 추가해 기능을 완성해야 합니다.

+ @Composable
+ private fun ClickableText(
+     text: String,
+     onClick: () -> Unit,
+     modifier: Modifier = Modifier,
+     style: TextStyle = DoMaTypography.labelLarge,
+     color: Color = colors.WHITE
+ ) {
+     Text(
+         text = text,
+         modifier = modifier.clickable(
+             interactionSource = remember { MutableInteractionSource() },
+             indication = rememberRipple(),
+             onClick = onClick
+         ),
+         style = style.copy(color = color)
+     )
+ }
 
 Row(
     horizontalArrangement = Arrangement.End,
     modifier = Modifier
         .fillMaxWidth()
         .padding(horizontal = 20.dp),
 ) {
-    Text(
-        text = "아이디 찾기",
-        modifier = Modifier.clickable(
-            interactionSource = remember { MutableInteractionSource() },
-            indication = rememberRipple(),
-            onClick = { /* TODO: 아이디 찾기 처리 */ }
-        ),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "아이디 찾기",
+        onClick = { /* TODO: 아이디 찾기 화면으로 이동 */ }
+    )
     Text(
         text = " | ",
         style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     )
-    Text(
-        text = "비밀번호 찾기",
-        modifier = Modifier.clickable(
-            interactionSource = remember { MutableInteractionSource() },
-            indication = rememberRipple(),
-            onClick = { /* TODO: 비밀번호 찾기 처리 */ }
-        ),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "비밀번호 찾기",
+        onClick = { /* TODO: 비밀번호 찾기 화면으로 이동 */ }
+    )
 }

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	Row(
	horizontalArrangement = Arrangement.End,
	modifier = Modifier
	.fillMaxWidth()
	.padding(horizontal = 20.dp),
	) {
	Text(
	text = "아이디 찾기",
	modifier = Modifier
	.clickable(
	interactionSource = remember { MutableInteractionSource() },
	indication = rememberRipple(),
	onClick = { /* TODO: 아이디 찾기 처리 */ }
	),
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = " | ",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = "비밀번호 찾기",
	modifier = Modifier
	.clickable(
	interactionSource = remember { MutableInteractionSource() },
	indication = rememberRipple(),
	onClick = { /* TODO: 비밀번호 찾기 처리 */ }
	),
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	}
	@Composable
	private fun ClickableText(
	text: String,
	onClick: () -> Unit,
	modifier: Modifier = Modifier,
	style: TextStyle = DoMaTypography.labelLarge,
	color: Color = colors.WHITE
	) {
	Text(
	text = text,
	modifier = modifier.clickable(
	interactionSource = remember { MutableInteractionSource() },
	indication = rememberRipple(),
	onClick = onClick
	),
	style = style.copy(color = color)
	)
	}
	Row(
	horizontalArrangement = Arrangement.End,
	modifier = Modifier
	.fillMaxWidth()
	.padding(horizontal = 20.dp),
	) {
	ClickableText(
	text = "아이디 찾기",
	onClick = { /* TODO: 아이디 찾기 화면으로 이동 */ }
	)
	Text(
	text = " | ",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	ClickableText(
	text = "비밀번호 찾기",
	onClick = { /* TODO: 비밀번호 찾기 화면으로 이동 */ }
	)
	}

[coderabbitai]

Actionable comments posted: 1

♻️ Duplicate comments (3)

presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt (1)

93-100: ⚠️ Potential issue

보안 취약점: 클라이언트 자격 증명이 하드코딩되어 있습니다.

클라이언트 ID와 리다이렉트 URI를 환경 설정이나 보안 저장소로 이동해야 합니다.

 if (clickButton) {
     GAuthSigninWebView(
-        clientId = "ghskfend",
-        redirectUri = "ghskfen"
+        clientId = BuildConfig.GAUTH_CLIENT_ID,
+        redirectUri = BuildConfig.GAUTH_REDIRECT_URI
     ) { code ->
         gAuthLogin(code)
     }
 }

presentation/src/main/java/view/signin/Screen/SignInScreen.kt (2)

111-119: 🛠️ Refactor suggestion

회원가입 네비게이션 및 접근성 개선이 필요합니다.

회원가입 버튼의 네비게이션 구현이 누락되어 있으며, 접근성 설명이 더 자세할 필요가 있습니다.

 Text(
     text = "회원가입 하기",
     modifier = Modifier
-        .clickable { /* TODO: 회원가입 화면으로 이동 */ }
-        .semantics { contentDescription = "회원가입 페이지로 이동" },
+        .clickable { navController.navigate("signup") }
+        .semantics { 
+            contentDescription = "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"
+        },
     style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     textAlign = TextAlign.Center
 )

---

121-128: ⚠️ Potential issue

보안 취약점: 클라이언트 자격 증명이 하드코딩되어 있습니다.

클라이언트 ID와 리다이렉트 URI를 환경 설정이나 보안 저장소로 이동해야 합니다.

 if (clickButton) {
     GAuthSigninWebView(
-        clientId = "ghskfend",
-        redirectUri = "ghskfen"
+        clientId = BuildConfig.GAUTH_CLIENT_ID,
+        redirectUri = BuildConfig.GAUTH_REDIRECT_URI
     ) { code ->
         gAuthLogin(code)
     }
 }

🧹 Nitpick comments (1)

presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt (1)

26-31: 매개변수 이름을 더 명확하게 개선해주세요.

매개변수 이름이 의도를 명확하게 전달하지 못하고 있습니다:

• clickButton은 showGAuthWebView나 isGAuthEnabled로 변경하는 것이 더 명확합니다.
• leIsClickLoginButton은 Kotlin 네이밍 컨벤션을 따라 onLoginClick으로 변경하는 것이 좋습니다.

 fun SignInSubScreen(
     modifier: Modifier = Modifier,
-    clickButton: Boolean,
+    showGAuthWebView: Boolean,
     gAuthLogin: (String) -> Unit,
-    leIsClickLoginButton: () -> Unit,
+    onLoginClick: () -> Unit,
 )

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e5a9f37 and efe622f.

📒 Files selected for processing (4)

• presentation/src/main/java/view/signin/Screen/SignInScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt (1 hunks)
• presentation/src/main/java/view/theme/color/ColorTheme.kt (1 hunks)
• presentation/src/main/java/view/theme/color/DoMaColor.kt (1 hunks)

🚧 Files skipped from review as they are similar to previous changes (2)

• presentation/src/main/java/view/theme/color/DoMaColor.kt
• presentation/src/main/java/view/theme/color/ColorTheme.kt

⏰ Context from checks skipped due to timeout of 90000ms (1)

• GitHub Check: build

🔇 Additional comments (1)

presentation/src/main/java/view/signin/Screen/SignInScreen.kt (1)

62-92: 중복 코드 제거를 위해 재사용 가능한 컴포넌트로 분리해주세요.

아이디 찾기와 비밀번호 찾기 텍스트의 중복된 코드를 별도의 컴포넌트로 분리하면 코드의 재사용성이 향상됩니다.

+@Composable
+private fun ClickableText(
+    text: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: TextStyle = DoMaTypography.labelLarge,
+    color: Color = colors.WHITE
+) {
+    Text(
+        text = text,
+        modifier = modifier.clickable(
+            interactionSource = remember { MutableInteractionSource() },
+            indication = rememberRipple(),
+            onClick = onClick
+        ),
+        style = style.copy(color = color)
+    )
+}

 Row(
     horizontalArrangement = Arrangement.End,
     modifier = Modifier
         .fillMaxWidth()
         .padding(horizontal = 20.dp),
 ) {
-    Text(
-        text = "아이디 찾기",
-        modifier = Modifier.clickable(...),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "아이디 찾기",
+        onClick = { /* TODO: 아이디 찾기 화면으로 이동 */ }
+    )
     Text(
         text = " | ",
         style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     )
-    Text(
-        text = "비밀번호 찾기",
-        modifier = Modifier.clickable(...),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "비밀번호 찾기",
+        onClick = { /* TODO: 비밀번호 찾기 화면으로 이동 */ }
+    )
 }

[coderabbitai]

🛠️ Refactor suggestion

입력 유효성 검사와 오류 처리를 추가해주세요.

사용자 입력에 대한 유효성 검사와 오류 처리가 없습니다. 다음 기능들을 추가하는 것이 좋습니다:

• ID/비밀번호 형식 검증
• 오류 메시지 표시
• 입력 제한 처리

 DoMaInputID(
     modifier = Modifier
-        .fillMaxWidth()
+        .fillMaxWidth(),
+    onValueChange = { id ->
+        validateId(id)?.let { error ->
+            // 오류 메시지 표시
+        }
+    }
 )

 DoMaInputPassword(
     modifier = Modifier
-        .fillMaxWidth()
+        .fillMaxWidth(),
+    onValueChange = { password ->
+        validatePassword(password)?.let { error ->
+            // 오류 메시지 표시
+        }
+    }
 )

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	DoMaInputID(
	modifier = Modifier
	.fillMaxWidth()
	)
	Spacer(modifier = Modifier.height(12.dp))
	DoMaInputPassword(
	modifier = Modifier
	.fillMaxWidth()
	)
	DoMaInputID(
	modifier = Modifier
	.fillMaxWidth(),
	onValueChange = { id ->
	validateId(id)?.let { error ->
	// 오류 메시지 표시
	}
	}
	)
	Spacer(modifier = Modifier.height(12.dp))
	DoMaInputPassword(
	modifier = Modifier
	.fillMaxWidth(),
	onValueChange = { password ->
	validatePassword(password)?.let { error ->
	// 오류 메시지 표시
	}
	}
	)

[kimjeakwan]

TextField 에 입력만 되게 하지말고 최대글자수, keyboardActions, 에러 처리 을 추가해주세요

[kimjeakwan]

그리고 이걸 viewmodel 관리하게 바꿔주시길 바랍니다,
지금 코드를 보면 stasteful 합니다. Stateless한 Composable 함수를 만들어야 할 것 같습니다.

[kimjeakwan]

그리고 이걸 viewmode 에서 l 관리하게 바꿔주시길 바랍니다,
지금 코드를 보면 stasteful 합니다. Stateless한 Composable 함수를 만들어야 할 것 같습니다.

[kimjeakwan]

domaandroidTheme 에 colors 을 이용해 색깔을 사용해주세요

[kimjeakwan]

firebase 는 왜 추가하셨는지 궁금합니다

[kimjeakwan]

대문자 Modifier 로 적어주세요

[kimjeakwan]

DomaColortheme 을 이용해 색깔을 지정해주세요

[kimjeakwan]

처음 modifier 은 소문자 입니다

[kimjeakwan]

DomaColortheme 을 이용해 색깔을 지정해주세요

[kimjeakwan]

DomaAndroid 를 이용해 글시체를 지정해주세요

[kimjeakwan]

공백삭제해주세요

[coderabbitai]

Actionable comments posted: 2

♻️ Duplicate comments (3)

presentation/src/main/java/view/signin/Screen/SignInScreen.kt (3)

62-92: 🛠️ Refactor suggestion

중복 코드 제거 및 TODO 구현 필요

아이디 찾기와 비밀번호 찾기를 처리하는 코드가 중복되어 있으므로, 이를 별도의 Composable 컴포넌트로 분리해 재사용성을 높여주세요. 현재 두 항목에 TODO 주석이 남아있으므로, 이후 화면 이동 등 구체적인 구현 사항을 추가해야 합니다.

+ @Composable
+ private fun ClickableText(
+     text: String,
+     onClick: () -> Unit,
+     modifier: Modifier = Modifier,
+     style: TextStyle = DoMaTypography.labelLarge,
+     color: Color = colors.WHITE
+ ) {
+     Text(
+         text = text,
+         modifier = modifier.clickable(
+             interactionSource = remember { MutableInteractionSource() },
+             indication = rememberRipple(),
+             onClick = onClick
+         ),
+         style = style.copy(color = color)
+     )
+ }
 
 Row(
     horizontalArrangement = Arrangement.End,
     modifier = Modifier
         .fillMaxWidth()
         .padding(horizontal = 20.dp),
 ) {
-    Text(
-        text = "아이디 찾기",
-        modifier = Modifier.clickable(
-            interactionSource = remember { MutableInteractionSource() },
-            indication = rememberRipple(),
-            onClick = { /* TODO: 아이디 찾기 처리 */ }
-        ),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "아이디 찾기",
+        onClick = { /* TODO: 아이디 찾기 화면으로 이동 */ }
+    )
     Text(
         text = " | ",
         style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     )
-    Text(
-        text = "비밀번호 찾기",
-        modifier = Modifier.clickable(
-            interactionSource = remember { MutableInteractionSource() },
-            indication = rememberRipple(),
-            onClick = { /* TODO: 비밀번호 찾기 처리 */ }
-        ),
-        style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
-    )
+    ClickableText(
+        text = "비밀번호 찾기",
+        onClick = { /* TODO: 비밀번호 찾기 화면으로 이동 */ }
+    )
 }

---

110-117: 🛠️ Refactor suggestion

회원가입 네비게이션 및 접근성 개선 필요

회원가입 화면으로 네비게이션하는 로직이 구현되지 않았습니다. 실제 화면 전환 기능을 추가해주세요. 또한 접근성 설명이 간결하지만, 더 구체적인 설명으로 업데이트하면 좋겠습니다.

 Text(
     text = "회원가입 하기",
     modifier = Modifier
-        .clickable { /* TODO: 회원가입 화면으로 이동 */ }
-        .semantics { contentDescription = "회원가입 페이지로 이동" },
+        .clickable { /* TODO: 회원가입 화면으로 이동하는 로직 구현 */ }
+        .semantics {
+            contentDescription = "새로운 계정을 만들기 위한 회원가입 페이지로 이동합니다"
+        },
     style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
     textAlign = TextAlign.Center
 )

---

120-127: ⚠️ Potential issue

보안 개선 및 변수명 수정이 필요합니다.

클라이언트 ID와 리다이렉트 URI가 하드코딩되어 있어 보안상 위험합니다. 또한 clickButton 변수명이 명확하지 않습니다.

-if (clickButton) {
+if (showGoogleAuthWebView) {
     GAuthSigninWebView(
-        clientId = "ghskfend",
-        redirectUri = "ghskfen"
+        clientId = BuildConfig.GOOGLE_AUTH_CLIENT_ID,
+        redirectUri = BuildConfig.GOOGLE_AUTH_REDIRECT_URI
     ) { code ->
         gAuthLogin(code)
     }
 }

🧹 Nitpick comments (5)

presentation/src/main/java/view/theme/color/DoMaColor.kt (1)

5-14: 색상 상수 명명 규칙을 일관되게 적용해주세요.

현재 파일에는 대문자로 된 색상 상수(MAIN, WHITE, GRAY)와 파스칼 케이스로 된 색상 상수(Black, Gold, silver, Broze)가 혼합되어 있습니다. 새로 추가된 색상 상수들처럼 기존 색상 상수들도 모두 대문자로 통일하는 것이 좋습니다.

 override val MAIN = Color(0xFF252525)
-override val Black = Color(0xFF000000)
+override val BLACK = Color(0xFF000000)
 override val WHITE = Color(0xFFFFFFFF)

 override val GRAY = Color(0xFF74C27D)
-override val Gold = Color(0xFFFFD651)
-override val silver = Color(0xFFBEBEBE)
-override val Broze = Color(0xFFF7A080)
+override val GOLD = Color(0xFFFFD651)
+override val SILVER = Color(0xFFBEBEBE)
+override val BRONZE = Color(0xFFF7A080)

참고: "Broze"는 철자 오류가 있어 "BRONZE"로 수정했습니다.

presentation/src/main/java/view/textfield/DoMaTextField.kt (4)

102-102: 하드코딩된 색상 값을 색상 상수로 교체해주세요.

색상 값 Color(0xFF4C4C4C)가 하드코딩되어 있습니다. 이 값은 DoMaColor.kt에 추가된 LOGIN 색상과 동일합니다. 색상 테마 일관성을 위해 하드코딩된 값 대신 colors.LOGIN을 사용하는 것이 좋습니다.

-                        color = if (isError) colors.RED else Color(0xFF4C4C4C),
+                        color = if (isError) colors.RED else colors.LOGIN,

---

81-84: 공백 제거와 최대 길이 제한 로직이 함께 있습니다.

현재 구현은 입력값의 공백을 모두 제거하고 있습니다. 이는 아이디나 비밀번호 입력에는 적합할 수 있지만, 다른 용도의 텍스트 필드에서는 원치 않는 동작일 수 있습니다. 공백 제거 옵션을 매개변수로 분리하는 것을 고려해보세요.

 fun DoMaTextField(
     ...
+    removeWhitespace: Boolean = true,
     ...
 ) {
     ...
     onValueChange = {
         if (it.length <= maxLength) { // 최대 글자 수 제한
-            val filteredText = it.filterNot { text -> text.isWhitespace() }
+            val filteredText = if (removeWhitespace) it.filterNot { text -> text.isWhitespace() } else it
             onValueChange(filteredText)
         }
     },
     ...
 }

---

35-35: 불필요한 상수 정의입니다.

EMPTY 상수는 단순히 빈 문자열을 나타내는데, 이는 코드 가독성을 향상시키지 않으며 Kotlin에서는 일반적으로 직접 "" 를 사용합니다. 해당 상수를 제거하고 필요한 곳에 직접 빈 문자열을 사용하는 것이 좋습니다.

-const val EMPTY = ""
-
 @Composable
 fun DoMaTextField(
     modifier: Modifier = Modifier,
     debounceTime: Long = 300L,
-    placeHolder: String = EMPTY,
+    placeHolder: String = "",
     ...
 ) {
     ...
 }

---

137-140: Preview 함수에서 더 다양한 상태를 시연하면 좋을 것 같습니다.

현재 Preview 함수는 기본 상태만 보여주고 있습니다. 에러 상태, 포커스 상태 등 다양한 상태를 미리 볼 수 있도록 여러 Preview 함수를 추가하는 것이 좋습니다.

 @Preview
 @Composable
 private fun PreView() {
     DoMaTextField(
         setText = "검색",
         onSearchTextChange = {}
     )
 }
+
+@Preview
+@Composable
+private fun PreViewWithError() {
+    DoMaTextField(
+        setText = "검색",
+        isError = true,
+        errorMessage = "잘못된 입력입니다.",
+        onSearchTextChange = {}
+    )
+}

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between bb75022 and e5ecf96.

⛔ Files ignored due to path filters (3)

• buildSrc/build/kotlin/compileKotlin/cacheable/last-build.bin is excluded by !**/*.bin
• buildSrc/build/kotlin/compileKotlin/local-state/build-history.bin is excluded by !**/*.bin
• buildSrc/build/libs/buildSrc.jar is excluded by !**/*.jar

📒 Files selected for processing (13)

• .idea/other.xml (7 hunks)
• presentation/src/main/java/until/Result.kt (1 hunks)
• presentation/src/main/java/view/signin/Screen/SignInScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaInputID.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaLoginButton.kt (1 hunks)
• presentation/src/main/java/view/textfield/DoMaTextField.kt (1 hunks)
• presentation/src/main/java/view/theme/color/ColorTheme.kt (1 hunks)
• presentation/src/main/java/view/theme/color/DoMaColor.kt (1 hunks)
• presentation/src/main/java/viewModel/admin/AdminViewModel.kt (6 hunks)
• presentation/src/main/java/viewModel/homes/HomesViewmodel.kt (1 hunks)
• presentation/src/main/java/viewModel/users/UsersViewModel.kt (1 hunks)

✅ Files skipped from review due to trivial changes (4)

• presentation/src/main/java/until/Result.kt
• presentation/src/main/java/viewModel/users/UsersViewModel.kt
• presentation/src/main/java/viewModel/admin/AdminViewModel.kt
• presentation/src/main/java/viewModel/homes/HomesViewmodel.kt

🚧 Files skipped from review as they are similar to previous changes (5)

• presentation/src/main/java/view/signin/component/DoMaInputID.kt
• presentation/src/main/java/view/theme/color/ColorTheme.kt
• presentation/src/main/java/view/signin/component/DoMaLoginButton.kt
• presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt
• presentation/src/main/java/view/signin/Screen/SignInSubScreen.kt

⏰ Context from checks skipped due to timeout of 90000ms (1)

• GitHub Check: build

🔇 Additional comments (11)

.idea/other.xml (8)

17-27: OnePlus CPH2415 기기 추가 확인:
새로운 OnePlus CPH2415 기기에 대한 데이터가 추가되었습니다. 모든 옵션( api, brand, codename, id, manufacturer, name, screenDensity, screenX, screenY )이 명세에 맞게 올바르게 설정되었는지 확인해 주세요.

---

72-82: Samsung A35 기기 추가 확인:
새로운 Samsung A35 기기 데이터가 추가되었습니다. 입력된 값( api, brand, codename, id, manufacturer, name, screenDensity, screenX, screenY )들이 기기 스펙과 일치하는지 검토해 주세요.

---

116-126: Motorola moto g 5G (2022) 기기 추가 확인:
신규 Motorola 기기 'moto g 5G (2022)' 데이터가 추가되었습니다. 기종 및 화면 정보(api, screenDensity, screenX, screenY)가 최신 사양을 반영하는지 확인 부탁드립니다.

---

293-301: Samsung 기기 변경사항 (SM-T738U):
기존 Samsung 기기의 codename과 id가 "gts7xllite"로 변경되었고, 기기 이름이 "SM-T738U"로 업데이트되었습니다. 변경 의도가 명확해 보이며, 관련 속성들이 일관성 있게 적용되었는지 재검토 해주세요.

---

314-324: Samsung Galaxy Tab S8 기기 추가 확인:
새로운 Samsung Galaxy Tab S8 기기 데이터가 추가되었습니다. 특히 스크린 밀도와 해상도 관련 옵션들이 올바르게 설정되었는지 확인해 주세요.

---

325-335: Samsung Galaxy Tab S9 FE 5G 기기 추가 확인:
신규 Samsung Galaxy Tab S9 FE 5G 기기 데이터가 추가되었습니다. 기기 사양에 부합하는지, 화면 관련 옵션( screenDensity, screenX, screenY )들이 정확한지 검토 부탁드립니다.

---

391-401: Samsung Galaxy S21 기기 추가 확인:
새로운 Samsung Galaxy S21 기기 데이터가 추가되었습니다. 입력된 옵션 값들이 최신 기기 스펙과 일치하는지 확인해 주세요.

---

491-501: Samsung Galaxy S21 Plus 기기 추가 확인:
신규 Samsung Galaxy S21 Plus 기기 데이터가 추가되었습니다. 모든 옵션(특히 screenDensity, screenX, screenY)이 정확한지 재검토 부탁드립니다.

presentation/src/main/java/view/theme/color/DoMaColor.kt (1)

20-23: 색상 상수 추가를 잘 구현했습니다!

추가된 색상 상수들이 모두 대문자로 일관성 있게 구현되어 좋습니다. 이는 이전 리뷰에서 제안한 명명 규칙을 적절히 반영하였습니다.

presentation/src/main/java/view/textfield/DoMaTextField.kt (1)

37-62: 매개변수 구성이 잘 되어 있습니다.

TextField 컴포넌트에 필요한 매개변수들이 잘 구성되어 있습니다. 최대 문자 수 제한, 에러 상태 처리, 키보드 액션 등 다양한 기능을 지원하도록 설계되었습니다.

presentation/src/main/java/view/signin/Screen/SignInScreen.kt (1)

38-44: 컬럼 배치 및 정렬이 잘 구현되어 있습니다.

화면의 상단, 중단, 하단 배치가 잘 구현되어 있으며, 특히 weight 속성을 사용하여 유동적인 공간 배치를 한 점이 좋습니다.

[coderabbitai]

🛠️ Refactor suggestion

Preview 함수에서 매개변수 이름 변경이 필요합니다.

Preview 함수에서도 clickButton 매개변수 이름을 showGoogleAuthWebView로 변경하고, leIsClickLoginButton을 onLoginButtonClick으로 변경해야 합니다.

 @Preview
 @Composable
 fun PreviewSignInScreen() {
     SignInScreen(
-        clickButton = false,
+        showGoogleAuthWebView = false,
         gAuthLogin = {},
-        leIsClickLoginButton = {}
+        onLoginButtonClick = {}
     )
 }

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	@Composable
	fun PreviewSignInScreen() {
	SignInScreen(
	clickButton = false,
	gAuthLogin = {},
	leIsClickLoginButton = {}
	)
	}
	@Composable
	fun PreviewSignInScreen() {
	SignInScreen(
	- clickButton = false,
	+ showGoogleAuthWebView = false,
	gAuthLogin = {},
	- leIsClickLoginButton = {}
	+ onLoginButtonClick = {}
	)
	}

[coderabbitai]

🛠️ Refactor suggestion

매개변수 이름을 더 명확하게 지정해주세요.

clickButton 매개변수 이름이 명확하지 않습니다. 이 불리언 값이 무엇을 나타내는지 명확히 알 수 있도록 showGoogleAuthWebView와 같이 더 구체적인 이름으로 변경하는 것이 좋습니다. 또한 leIsClickLoginButton 함수명도 명확하지 않으니 onLoginButtonClick과 같이 변경하는 것이 좋습니다.

 fun SignInScreen(
     modifier: Modifier = Modifier,
-    clickButton: Boolean,
+    showGoogleAuthWebView: Boolean,
     gAuthLogin: (String) -> Unit,
-    leIsClickLoginButton: () -> Unit,
+    onLoginButtonClick: () -> Unit,
 ) {

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	modifier: Modifier = Modifier,
	clickButton: Boolean,
	gAuthLogin: (String) -> Unit,
	leIsClickLoginButton: () -> Unit,
	fun SignInScreen(
	modifier: Modifier = Modifier,
	showGoogleAuthWebView: Boolean,
	gAuthLogin: (String) -> Unit,
	onLoginButtonClick: () -> Unit,
	) {

[coderabbitai]

Actionable comments posted: 5

🧹 Nitpick comments (5)

presentation/src/main/java/view/signin/screen/SignInScreen.kt (2)

27-28: 매개변수 이름 개선 필요

leIsClickLoginButton의 이름이 직관적이지 않습니다. 매개변수 이름은 그 용도를 명확히 해야 합니다.

다음과 같이 매개변수 이름을 개선하는 것이 좋습니다:

-    leIsClickLoginButton: () -> Unit,
+    onLoginButtonClick: () -> Unit,

그리고 매개변수 사용 위치도 함께 변경해야 합니다:

-    onClick = leIsClickLoginButton,
+    onClick = onLoginButtonClick,

---

119-127: PreviewSignInScreen 함수에 매개변수 이름 변경 필요

매개변수 이름을 변경하면 미리보기 함수도 일관성 있게 수정해야 합니다.

다음과 같이 수정하세요:

@Preview
@Composable
fun PreviewSignInScreen() {
    SignInScreen(
        clickButton = false,
        gAuthLogin = {},
-       leIsClickLoginButton = {}
+       onLoginButtonClick = {}
    )
}

presentation/src/main/java/view/signin/screen/SignInSubScreen.kt (3)

32-32: 매개변수 이름 개선 필요

leIsClickLoginButton의 이름이 직관적이지 않습니다. 매개변수 이름은 그 용도를 명확히 해야 합니다.

다음과 같이 매개변수 이름을 개선하는 것이 좋습니다:

-    leIsClickLoginButton: () -> Unit,
+    onLoginButtonClick: () -> Unit,

그리고 매개변수 사용 위치도 함께 변경해야 합니다:

-    onClick = leIsClickLoginButton,
+    onClick = onLoginButtonClick,

---

95-103: PreviewSignInSubScreen 함수에 매개변수 이름 변경 필요

매개변수 이름을 변경하면 미리보기 함수도 일관성 있게 수정해야 합니다.

다음과 같이 수정하세요:

@Preview
@Composable
fun PreviewSignInSubScreen() {
    SignInSubScreen(
        clickButton = false,
        gAuthLogin = {},
-       leIsClickLoginButton = {}
+       onLoginButtonClick = {}
    )
}

---

1-103: SignInScreen.kt와 중복 코드 및 구조 재검토 필요

SignInScreen.kt와 SignInSubScreen.kt 파일 간에 중복된 코드와 유사한 구조가 있습니다. 두 화면의 차이점과 공통점을 고려하여 코드를 재구성하는 것이 좋을 것 같습니다.

다음 사항을 고려해보세요:

1. 두 화면의 관계를 다시 검토하고 필요한 경우 하나의 화면으로 통합하거나 레이아웃을 공유하는 방식으로 재구성
2. 공통 요소(예: GAuthSigninWebView, 버튼 처리 등)는 별도의 컴포넌트로 추출
3. 코드 구조를 검토하여 SignInScreen이 SignInSubScreen을 포함하거나 그 반대의 구조가 더 적절한지 확인

예를 들어:

• SignInScreen이 메인 컨테이너 역할을 하고 SignInSubScreen을 내부에 포함하는 구조
• 또는 두 화면을 완전히 별개의 화면으로 분리하고 공통 로직은 ViewModel이나 공유 컴포넌트로 추출

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e5ecf96 and 67600c3.

⛔ Files ignored due to path filters (3)

• buildSrc/build/kotlin/compileKotlin/cacheable/last-build.bin is excluded by !**/*.bin
• buildSrc/build/kotlin/compileKotlin/local-state/build-history.bin is excluded by !**/*.bin
• buildSrc/build/libs/buildSrc.jar is excluded by !**/*.jar

📒 Files selected for processing (2)

• presentation/src/main/java/view/signin/screen/SignInScreen.kt (1 hunks)
• presentation/src/main/java/view/signin/screen/SignInSubScreen.kt (1 hunks)

[coderabbitai]

⚠️ Potential issue

클라이언트 ID와 리다이렉트 URI를 상수로 분리 필요

현재 "ghskfend"와 "ghskfen"은 테스트 또는 임시 값으로 보입니다. 이러한 값은 상수로 분리하거나 구성 파일에서 가져오는 것이 좋습니다.

다음과 같이 수정하세요:

1. 상수 클래스를 생성하거나 기존 상수 클래스에 추가:

object AuthConfig {
    const val CLIENT_ID = "실제_클라이언트_ID"
    const val REDIRECT_URI = "실제_리다이렉트_URI"
}

2. 해당 상수를 사용:

GAuthSigninWebView(
-   clientId = "ghskfend",
-   redirectUri = "ghskfen"
+   clientId = AuthConfig.CLIENT_ID,
+   redirectUri = AuthConfig.REDIRECT_URI
) { code ->
    gAuthLogin(code)
}

[coderabbitai]

🛠️ Refactor suggestion

회원가입 텍스트에 clickable 수정자 추가 필요

"회원가입 하기" 텍스트는 사용자가 클릭할 수 있는 요소로 보이지만, clickable 수정자가 없어 실제로는 클릭할 수 없습니다.

다음과 같이 clickable 수정자와 클릭 핸들러를 추가하세요:

Text(
    text = "회원가입 하기",
+   modifier = Modifier
+       .clickable { /* 회원가입 화면으로 이동 */ }
+       .semantics { contentDescription = "회원가입 하기" },
    style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
    textAlign = TextAlign.Center
)

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	Text(
	text = "회원가입 하기",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	textAlign = TextAlign.Center
	)
	Text(
	text = "회원가입 하기",
	modifier = Modifier
	.clickable { /* 회원가입 화면으로 이동 */ }
	.semantics { contentDescription = "회원가입 하기" },
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	textAlign = TextAlign.Center
	)

[coderabbitai]

🛠️ Refactor suggestion

클릭 가능한 텍스트에 clickable 수정자 추가 필요

"아이디 찾기"와 "비밀번호 찾기" 텍스트는 사용자가 클릭할 수 있는 요소로 보이지만, clickable 수정자가 없어 실제로는 클릭할 수 없습니다.

다음과 같이 clickable 수정자와 클릭 핸들러를 추가하세요:

Text(
    text = "아이디 찾기",
-   modifier = Modifier,
+   modifier = Modifier
+       .clickable { /* 아이디 찾기 기능 실행 */ }
+       .semantics { contentDescription = "아이디 찾기" },
    style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
)
Text(
    text = " | ",
    style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
)
Text(
    text = "비밀번호 찾기",
-   modifier = Modifier,
+   modifier = Modifier
+       .clickable { /* 비밀번호 찾기 기능 실행 */ }
+       .semantics { contentDescription = "비밀번호 찾기" },
    style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
)

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	Text(
	text = "아이디 찾기",
	modifier = Modifier,
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = " | ",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = "비밀번호 찾기",
	modifier = Modifier,
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	}
	Text(
	text = "아이디 찾기",
	modifier = Modifier
	.clickable { /* 아이디 찾기 기능 실행 */ }
	.semantics { contentDescription = "아이디 찾기" },
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = " | ",
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	Text(
	text = "비밀번호 찾기",
	modifier = Modifier
	.clickable { /* 비밀번호 찾기 기능 실행 */ }
	.semantics { contentDescription = "비밀번호 찾기" },
	style = DoMaTypography.labelLarge.copy(color = colors.WHITE),
	)
	}

[coderabbitai]

⚠️ Potential issue

클라이언트 ID와 리다이렉트 URI를 상수로 분리 필요

현재 "ghskfend"와 "ghskfen"은 테스트 또는 임시 값으로 보입니다. 이러한 값은 상수로 분리하거나 구성 파일에서 가져오는 것이 좋습니다.

다음과 같이 수정하세요:

1. 상수 클래스를 생성하거나 기존 상수 클래스에 추가:

object AuthConfig {
    const val CLIENT_ID = "실제_클라이언트_ID"
    const val REDIRECT_URI = "실제_리다이렉트_URI"
}

2. 해당 상수를 사용:

GAuthSigninWebView(
-   clientId = "ghskfend",
-   redirectUri = "ghskfen"
+   clientId = AuthConfig.CLIENT_ID,
+   redirectUri = AuthConfig.REDIRECT_URI
) { code ->
    gAuthLogin(code)
}

[coderabbitai]

🛠️ Refactor suggestion

입력 필드에 상태 관리 및 추가 기능 필요

DoMaInputID와 DoMaInputPassword 컴포넌트에는 입력 값을 관리하는 상태와 PR 코멘트에서 언급된 최대 글자 수 제한, 키보드 액션, 오류 처리 등의 기능이 없습니다.

아래와 같이 상태 관리와 추가 기능을 구현하세요:

+ import androidx.compose.runtime.mutableStateOf
+ import androidx.compose.runtime.remember
+ import androidx.compose.ui.text.input.ImeAction

@Composable
fun SignInSubScreen(
    modifier: Modifier = Modifier,
    clickButton: Boolean,
    gAuthLogin: (String) -> Unit,
-   leIsClickLoginButton: () -> Unit,
+   onLoginButtonClick: () -> Unit,
) {
    DoMaAndroidTheme { colors, typography ->
+       val (id, setId) = remember { mutableStateOf("") }
+       val (password, setPassword) = remember { mutableStateOf("") }
+       val (idError, setIdError) = remember { mutableStateOf<String?>(null) }
+       val (passwordError, setPasswordError) = remember { mutableStateOf<String?>(null) }

        Column(
            /* ... 기존 코드 ... */
        ) {
            /* ... 기존 코드 ... */

-           DoMaInputID(modifier = Modifier.fillMaxWidth())
+           DoMaInputID(
+               value = id,
+               onValueChange = { 
+                   if (it.length <= 20) { // 최대 길이 제한
+                       setId(it)
+                       setIdError(null)
+                   }
+               },
+               error = idError,
+               imeAction = ImeAction.Next,
+               modifier = Modifier.fillMaxWidth()
+           )

            Spacer(modifier = Modifier.height(12.dp))

-           DoMaInputPassword(modifier = Modifier.fillMaxWidth())
+           DoMaInputPassword(
+               value = password,
+               onValueChange = { 
+                   if (it.length <= 20) { // 최대 길이 제한
+                       setPassword(it)
+                       setPasswordError(null)
+                   }
+               },
+               error = passwordError,
+               imeAction = ImeAction.Done,
+               onDone = {
+                   // 유효성 검사 로직
+                   if (id.isEmpty()) {
+                       setIdError("아이디를 입력해주세요")
+                   } else if (password.isEmpty()) {
+                       setPasswordError("비밀번호를 입력해주세요")
+                   } else {
+                       onLoginButtonClick()
+                   }
+               },
+               modifier = Modifier.fillMaxWidth()
+           )

추가로 DoMaInputID.kt와 DoMaInputPassword.kt 파일에도 필요한 매개변수와 기능을 구현해야 합니다.

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	DoMaInputID(modifier = Modifier.fillMaxWidth())
	Spacer(modifier = Modifier.height(12.dp))
	DoMaInputPassword(modifier = Modifier.fillMaxWidth())
	import androidx.compose.runtime.mutableStateOf
	import androidx.compose.runtime.remember
	import androidx.compose.ui.text.input.ImeAction
	@Composable
	fun SignInSubScreen(
	modifier: Modifier = Modifier,
	clickButton: Boolean,
	gAuthLogin: (String) -> Unit,
	onLoginButtonClick: () -> Unit,
	) {
	DoMaAndroidTheme { colors, typography ->
	val (id, setId) = remember { mutableStateOf("") }
	val (password, setPassword) = remember { mutableStateOf("") }
	val (idError, setIdError) = remember { mutableStateOf<String?>(null) }
	val (passwordError, setPasswordError) = remember { mutableStateOf<String?>(null) }
	Column(
	/* ... 기존 코드 ... */
	) {
	/* ... 기존 코드 ... */
	DoMaInputID(
	value = id,
	onValueChange = {
	if (it.length <= 20) { // 최대 길이 제한
	setId(it)
	setIdError(null)
	}
	},
	error = idError,
	imeAction = ImeAction.Next,
	modifier = Modifier.fillMaxWidth()
	)
	Spacer(modifier = Modifier.height(12.dp))
	DoMaInputPassword(
	value = password,
	onValueChange = {
	if (it.length <= 20) { // 최대 길이 제한
	setPassword(it)
	setPasswordError(null)
	}
	},
	error = passwordError,
	imeAction = ImeAction.Done,
	onDone = {
	// 유효성 검사 로직
	if (id.isEmpty()) {
	setIdError("아이디를 입력해주세요")
	} else if (password.isEmpty()) {
	setPasswordError("비밀번호를 입력해주세요")
	} else {
	onLoginButtonClick()
	}
	},
	modifier = Modifier.fillMaxWidth()
	)
	}
	}
	}

[coderabbitai]

Actionable comments posted: 1

♻️ Duplicate comments (5)

presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt (2)

23-63: ⚠️ Potential issue

비밀번호 입력 필드의 보안 기능이 누락되었습니다.

비밀번호 입력 필드에 다음 보안 기능들을 추가해주세요:

1. 비밀번호 마스킹 (PasswordVisualTransformation)
2. 비밀번호 표시/숨김 토글
3. 비밀번호 입력 타입 설정

다음과 같이 수정해주세요:

+import androidx.compose.material.Icon
+import androidx.compose.material.IconButton
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Visibility
+import androidx.compose.material.icons.filled.VisibilityOff
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.text.input.VisualTransformation

@Composable
fun DoMaInputPassword(
    modifier: Modifier = Modifier,
    passwordValue: TextFieldValue,
    onPasswordValueChange: (TextFieldValue) -> Unit
) {
+   var passwordVisible by remember { mutableStateOf(false) }
    DoMaAndroidTheme { colors, typography ->

        Column(
            modifier = modifier
        ) {
            // ... 기존 코드 ...
            OutlinedTextField(
                modifier = Modifier.fillMaxWidth(),
                value = passwordValue,
                onValueChange = onPasswordValueChange,
+               visualTransformation = if (passwordVisible) VisualTransformation.None else PasswordVisualTransformation(),
+               keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password),
+               trailingIcon = {
+                   IconButton(onClick = { passwordVisible = !passwordVisible }) {
+                       Icon(
+                           imageVector = if (passwordVisible) Icons.Default.Visibility else Icons.Default.VisibilityOff,
+                           contentDescription = if (passwordVisible) "비밀번호 숨기기" else "비밀번호 표시",
+                           tint = colors.WHITE
+                       )
+                   }
+               },
                // ... 기존 코드 ...
            )
        }
    }
}

---

54-59: 🛠️ Refactor suggestion

색상 참조가 일관되지 않습니다.

DoMaAndroidTheme에서 제공하는 colors 변수 대신 직접 DoMaColor를 참조하고 있습니다. 컴포넌트 전체에서 일관된 방식으로 색상을 참조해야 합니다.

다음과 같이 수정해주세요:

colors = TextFieldDefaults.outlinedTextFieldColors(
-   backgroundColor = DoMaColor.BACKGROUND,
-   cursorColor = DoMaColor.WHITE,
-   focusedBorderColor = DoMaColor.GRAY,
-   unfocusedBorderColor = DoMaColor.GRAY
+   backgroundColor = colors.BACKGROUND,
+   cursorColor = colors.WHITE,
+   focusedBorderColor = colors.GRAY,
+   unfocusedBorderColor = colors.GRAY
)

presentation/src/main/java/view/signin/screen/SignInSubScreen.kt (3)

76-88: 🛠️ Refactor suggestion

입력 필드에 유효성 검사와 오류 처리 기능이 없습니다.

ID와 비밀번호 입력 필드에 유효성 검사와 오류 처리 기능을 추가해야 합니다. PR 코멘트에서 언급된 것처럼 최대 글자 수 제한, 오류 처리 등의 기능이 필요합니다.

DoMaInputID와 DoMaInputPassword 컴포넌트에 오류 상태와 메시지를 전달하고, 이를 화면에서 관리해야 합니다. 다음과 같이 상태를 추가하고 관리하는 것이 좋겠습니다:

fun SignInSubScreen(
    // 기존 파라미터들
) {
    DoMaAndroidTheme { colors, typography ->
+       val (idError, setIdError) = remember { mutableStateOf<String?>(null) }
+       val (passwordError, setPasswordError) = remember { mutableStateOf<String?>(null) }

        // 기존 코드

        DoMaInputID(
            modifier = Modifier.fillMaxWidth(),
            idValue = idValue,
            onIdValueChange = { newValue -> 
+               // 최대 길이 제한 (예: 20자)
+               if (newValue.text.length <= 20) {
                    onIdValueChange(newValue)
+                   setIdError(null)
+               }
            },
+           error = idError,
+           imeAction = ImeAction.Next
        )

        Spacer(modifier = Modifier.height(12.dp))

        DoMaInputPassword(
            modifier = Modifier.fillMaxWidth(),
            passwordValue = passwordValue,
            onPasswordValueChange = { newValue ->
+               // 최대 길이 제한 (예: 20자)
+               if (newValue.text.length <= 20) {
                    onPasswordValueChange(newValue)
+                   setPasswordError(null)
+               }
            },
+           error = passwordError,
+           imeAction = ImeAction.Done,
+           onDone = {
+               // 로그인 버튼 클릭 전 유효성 검사
+               if (idValue.text.isEmpty()) {
+                   setIdError("아이디를 입력해주세요")
+               } else if (passwordValue.text.isEmpty()) {
+                   setPasswordError("비밀번호를 입력해주세요")
+               } else {
+                   onLoginButtonClick()
+               }
+           }
        )

---

99-104: ⚠️ Potential issue

클라이언트 ID와 리다이렉트 URI를 상수로 분리 필요

현재 "ghskfend"와 "ghskfen"은 테스트 또는 임시 값으로 보입니다. 이러한 값은 상수로 분리하거나 구성 파일에서 가져오는 것이 좋습니다.

다음과 같이 수정하세요:

1. 상수 클래스를 생성하거나 기존 상수 클래스에 추가:

object AuthConfig {
    const val CLIENT_ID = "실제_클라이언트_ID"
    const val REDIRECT_URI = "실제_리다이렉트_URI"
}

2. 해당 상수를 사용:

GAuthSigninWebView(
-   clientId = "ghskfend",
-   redirectUri = "ghskfen"
+   clientId = AuthConfig.CLIENT_ID,
+   redirectUri = AuthConfig.REDIRECT_URI
) { code ->
    gAuthLogin(code)
}

---

30-40: 🛠️ Refactor suggestion

함수 이름과 파라미터 네이밍이 일관되지 않습니다.

함수 파라미터 중 leIsClickLoginButton은 명확하지 않고 일관된 네이밍 컨벤션을 따르지 않습니다.

다음과 같이 수정해주세요:

fun SignInSubScreen(
    modifier: Modifier = Modifier,
    clickButton: Boolean,
    gAuthLogin: (String) -> Unit,
-   leIsClickLoginButton: () -> Unit,
+   onLoginButtonClick: () -> Unit,
    idValue: TextFieldValue,
    onIdValueChange: (TextFieldValue) -> Unit,
    passwordValue: TextFieldValue,
    onPasswordValueChange: (TextFieldValue) -> Unit
)

그리고 사용하는 곳도 함께 수정해주세요:

DoMaLoginButton(
-   onClick = leIsClickLoginButton,
+   onClick = onLoginButtonClick,
    // ... 나머지 코드
)

🧹 Nitpick comments (2)

presentation/src/main/java/view/signin/component/DoMaInputID.kt (1)

37-56: TextField에 추가 기능 구현이 필요합니다.

PR 코멘트에서 언급된 것처럼 TextField에 최대 글자 수 제한, 키보드 액션, 오류 처리 등의 기능이 구현되어 있지 않습니다.

다음과 같은 기능을 추가하는 것이 좋겠습니다:

OutlinedTextField(
    modifier = Modifier.fillMaxWidth(),
    value = idValue,
    onValueChange = onIdValueChange,
+   isError = error != null,
+   keyboardOptions = KeyboardOptions(
+       imeAction = imeAction,
+       keyboardType = KeyboardType.Text
+   ),
+   keyboardActions = KeyboardActions(
+       onNext = { onNext?.invoke() },
+       onDone = { onDone?.invoke() }
+   ),
    textStyle = DoMaTypography.labelLarge.copy(color = colors.WHITE),
    shape = RoundedCornerShape(12.dp),
    singleLine = true,
    placeholder = {
        Text(
            text = "아이디를 입력해주세요.",
            style = DoMaTypography.labelLarge.copy(color = colors.silver)
        )
    },
+   supportingText = error?.let {
+       { Text(text = it, color = colors.ERROR) }
+   },
    colors = TextFieldDefaults.outlinedTextFieldColors(
        backgroundColor = colors.BACKGROUND,
        cursorColor = colors.WHITE,
        focusedBorderColor = colors.GRAY,
        unfocusedBorderColor = colors.GRAY
    )
)

그리고 함수 파라미터에 다음을 추가해주세요:

fun DoMaInputID(
    modifier: Modifier = Modifier,
    idValue: TextFieldValue,
    onIdValueChange: (TextFieldValue) -> Unit,
+   error: String? = null,
+   imeAction: ImeAction = ImeAction.Next,
+   onNext: (() -> Unit)? = null,
+   onDone: (() -> Unit)? = null
)

presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt (1)

67-74: 비밀번호 컴포넌트에 추가 기능 구현이 필요합니다.

ID 입력 컴포넌트와 마찬가지로 최대 글자 수 제한, 키보드 액션, 오류 처리 등의 기능을 추가해야 합니다.

다음과 같은 파라미터와 기능을 추가하는 것이 좋겠습니다:

fun DoMaInputPassword(
    modifier: Modifier = Modifier,
    passwordValue: TextFieldValue,
    onPasswordValueChange: (TextFieldValue) -> Unit,
+   error: String? = null,
+   imeAction: ImeAction = ImeAction.Done,
+   onDone: (() -> Unit)? = null
)

그리고 TextField에 관련 속성들을 추가해주세요.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 67600c3 and d61a77f.

⛔ Files ignored due to path filters (3)

• buildSrc/build/kotlin/compileKotlin/cacheable/last-build.bin is excluded by !**/*.bin
• buildSrc/build/kotlin/compileKotlin/local-state/build-history.bin is excluded by !**/*.bin
• buildSrc/build/libs/buildSrc.jar is excluded by !**/*.jar

📒 Files selected for processing (4)

• presentation/src/main/java/view/signin/component/DoMaInputID.kt (1 hunks)
• presentation/src/main/java/view/signin/component/DoMaInputPassWord.kt (1 hunks)
• presentation/src/main/java/view/signin/screen/SignInSubScreen.kt (1 hunks)
• presentation/src/main/java/view/theme/color/DoMaColor.kt (2 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• presentation/src/main/java/view/theme/color/DoMaColor.kt

🔇 Additional comments (1)

presentation/src/main/java/view/signin/component/DoMaInputID.kt (1)

19-59: 컴포넌트가 Stateless로 구현되어 좋습니다.

상태를 외부에서 주입 받도록 구현하여 컴포넌트의 재사용성과 테스트 용이성이 향상되었습니다. 이는 이전 리뷰 의견을 잘 반영한 것입니다.

[coderabbitai]

🛠️ Refactor suggestion

로그인 버튼 클릭 시 입력 유효성 검사 로직이 없습니다.

로그인 버튼 클릭 시 아이디와 비밀번호의 유효성을 검사하는 로직이 추가되어야 합니다.

로그인 버튼 클릭 핸들러를 다음과 같이 수정하세요:

DoMaLoginButton(
-   onClick = leIsClickLoginButton,
+   onClick = {
+       // 로그인 버튼 클릭 시 유효성 검사
+       if (idValue.text.isEmpty()) {
+           setIdError("아이디를 입력해주세요")
+       } else if (passwordValue.text.isEmpty()) {
+           setPasswordError("비밀번호를 입력해주세요")
+       } else {
+           leIsClickLoginButton()
+       }
+   },
    modifier = Modifier
        .fillMaxWidth()
        .padding(bottom = 30.dp)
)

Committable suggestion skipped: line range outside the PR's diff.

[kimjeakwan]

이러면 뭔가 상태가 그대로 일것 같으니 viewmodel 이용해주세요