🔗 :: (#444) 회원가입 비밀번호 디코딩

[parkuiery]

개요

회원가입 비밀번호 입력에서 #(특수문자)이 입력되면 JsonDecode에서 오류 발생함
원인: navigation을 통해 데이터를 전달할 때 URL 디코딩이 자동으로 발생함
해결: URL디코딩을 방식을 Base64 방식으로 변경함

작업 내용

• 디코딩 방식 변경

할 말

없음

Summary by CodeRabbit

• 새로운 기능
  • 비밀번호 인코딩 방식을 URL 인코딩에서 Base64 인코딩으로 변경하여 보안성을 향상시켰습니다.
• 버그 수정
  • 비밀번호 디코딩 방식을 URL 디코딩에서 Base64 디코딩으로 변경하여 일관성을 개선했습니다.

[coderabbitai]

Walkthrough

SetPasswordViewModel.kt와 TermsViewModel.kt 파일에서 비밀번호 처리 방식이 변경되었습니다. SetPasswordViewModel에서는 비밀번호 인코딩이 URL 인코딩에서 Base64 인코딩으로 변경되었고, TermsViewModel에서는 비밀번호 디코딩 방식이 URL 디코딩에서 Base64 디코딩으로 변경되었습니다. 두 파일 모두 Base64 관련 import 문이 추가되었으며, 전체적인 제어 흐름이나 상태 관리 로직은 변경되지 않았습니다.

Changes

파일 경로	변경 요약
feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt	- URLEncoder import 문 제거 - 비밀번호 인코딩을 URL 인코딩에서 Base64 인코딩으로 변경 - postSideEffect 메서드에 Base64 인코딩된 비밀번호 직접 전달
feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt	- URLDecoder 사용에서 Base64 디코딩으로 변경 - Base64 import 문 추가

Possibly related PRs

• 🔗 :: (#430) 비밀번호 찾기 이메일 인증 버그 #431: VerifyEmailScreen.kt의 변경 사항이 이메일/비밀번호 처리 방식과 관련되어 있어, SetPasswordViewModel.kt의 변경과 연결될 수 있습니다.

Suggested labels

리팩토링

Suggested reviewers

• Tmdhoon2

🐇 비밀번호가 바뀌었어요,
URL에서 Base64로,
이제는 더 안전하게,
데이터가 숨겨져요!
변화를 축하해요,
모두 함께 기뻐해요!
🥳

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Reviewing files that changed from the base of the PR and between c3c336f and 515a429.

📒 Files selected for processing (1)

• feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt (2 hunks)

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

• feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 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 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: 1

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Reviewing files that changed from the base of the PR and between 391f7af and e735fcc.

📒 Files selected for processing (2)

• feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt (2 hunks)
• feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt (2 hunks)

🔇 Additional comments (3)

feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt (1)

7-7: Base64 인코딩 관련 import 추가 확인

적절한 import 문이 추가되었습니다.

feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt (2)

14-14: Base64 디코딩을 위한 import 추가가 적절합니다.

Base64 디코딩 구현을 위해 필요한 import문이 올바르게 추가되었습니다.

---

43-43: 비밀번호 디코딩 방식 변경이 적절합니다.

특수문자 처리 문제를 해결하기 위해 URL 디코딩에서 Base64 디코딩으로 변경한 것이 적절합니다. 다만 다음 사항들을 고려해주시기 바랍니다:

1. 이 변경사항에 대한 주석 추가를 권장드립니다.
2. 클라이언트 측의 인코딩도 Base64로 일관되게 변경되었는지 확인이 필요합니다.

다음과 같이 주석을 추가하는 것을 제안드립니다:

+ // 특수문자 처리를 위해 URL 디코딩 대신 Base64 디코딩 사용
val decodedPassword = String(Base64.getDecoder().decode(password))

클라이언트 측 인코딩 방식 확인을 위해 다음 스크립트를 실행합니다:

✅ Verification successful

Let me check the encoding implementation in SetPasswordViewModel.kt to verify the consistency.

---

비밀번호 인코딩/디코딩 구현이 일관되게 적용되었습니다.

클라이언트와 서버 간의 비밀번호 처리가 Base64로 정확하게 일치합니다:

• SetPasswordViewModel에서 Base64.getEncoder()로 인코딩
• TermsViewModel에서 Base64.getDecoder()로 디코딩

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: 비밀번호 인코딩 관련 코드 확인

# 비밀번호 인코딩 관련 코드 검색
rg -t kotlin "password.*encode" 

Length of output: 210

---

Script:

#!/bin/bash
# Check the implementation of password encoding in SetPasswordViewModel
rg -A 5 -B 5 "encodedPassword" feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt

Length of output: 492

[coderabbitai]

💡 Codebase verification

⚠️ Potential issue

Base64 인코딩/디코딩 구현의 보안 및 안정성 개선 필요

Base64 인코딩/디코딩 구현을 검토한 결과, 다음과 같은 개선이 필요합니다:

• SetPasswordViewModel.kt에서:
  • 문자 인코딩(UTF-8) 명시 필요
  • 예외 처리 로직 추가 필요
• TermsViewModel.kt에서:
  • Base64 디코딩 시 예외 처리 누락
  • 문자 인코딩 명시 필요

제안하는 개선사항:

// SetPasswordViewModel.kt
try {
    val encodedPassword = Base64.getEncoder().encodeToString(
        state.value.password.toByteArray(Charsets.UTF_8)
    )
    postSideEffect(SetPasswordSideEffect.MoveToNext(password = encodedPassword))
} catch (e: Exception) {
    setState { state.value.copy(buttonEnabled = true) }
    // 에러 처리 로직 추가
}

// TermsViewModel.kt
try {
    val decodedPassword = String(
        Base64.getDecoder().decode(password),
        Charsets.UTF_8
    )
    // 후속 처리
} catch (e: IllegalArgumentException) {
    // 디코딩 실패 처리
}

🔗 Analysis chain

Base64 인코딩 구현 관련 보안 검토 필요

Base64 인코딩으로의 변경은 특수 문자 처리 문제를 해결할 수 있지만, 몇 가지 고려사항이 있습니다:

1. Base64 인코딩은 가역적이므로 민감한 데이터 전송 시 반드시 추가적인 보안 계층(예: HTTPS)이 필요합니다.
2. 인코딩 과정에서 발생할 수 있는 예외 처리가 누락되어 있습니다.
3. 문자열 인코딩(Charset) 처리가 명시적이지 않습니다.

다음과 같은 개선을 제안드립니다:

- val encodedPassword = Base64.getEncoder().encodeToString(state.value.password.toByteArray())
- postSideEffect(SetPasswordSideEffect.MoveToNext(password = encodedPassword.toString()))
+ try {
+     val encodedPassword = Base64.getEncoder().encodeToString(
+         state.value.password.toByteArray(Charsets.UTF_8)
+     )
+     postSideEffect(SetPasswordSideEffect.MoveToNext(password = encodedPassword))
+ } catch (e: Exception) {
+     // 에러 처리 로직 추가
+     setState { state.value.copy(buttonEnabled = true) }
+ }

Base64 디코딩이 올바르게 구현되어 있는지 확인이 필요합니다:

---

Let's check the implementation of Base64 decoding in the found file.

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Base64 디코딩 구현 확인
rg -l "Base64.*decode" --type kotlin

Length of output: 113

---

Script:

#!/bin/bash
# Check Base64 decoding implementation in TermsViewModel.kt
rg "Base64.*decode" -A 5 -B 5 feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt

Length of output: 521

[coderabbitai]

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Reviewing files that changed from the base of the PR and between e735fcc and c3c336f.

📒 Files selected for processing (2)

• feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt (2 hunks)
• feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt (2 hunks)

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

• feature/signup/src/main/java/team/retum/signup/viewmodel/TermsViewModel.kt

🔇 Additional comments (2)

feature/signup/src/main/java/team/retum/signup/viewmodel/SetPasswordViewModel.kt (2)

7-7: Base64 인코딩을 위한 import 추가가 적절히 이루어졌습니다.

---

Line range hint 1-89: 보안 관련 추가 고려사항

Base64 인코딩은 암호화가 아닌 인코딩 방식이므로, 다음 사항들을 고려해주시기 바랍니다:

1. 네트워크 전송 시 반드시 HTTPS를 사용하여 추가적인 보안 계층을 확보해야 합니다.
2. 서버 측에서도 적절한 비밀번호 해싱이 이루어지는지 확인이 필요합니다.

서버 측 구현을 확인하기 위해 다음 스크립트를 실행합니다:

[coderabbitai]

⚠️ Potential issue

Base64 인코딩 구현의 개선이 필요합니다.

1. encodedPassword.toString()은 불필요합니다. encodeToString()이 이미 문자열을 반환하기 때문입니다.
2. Base64 인코딩 과정에서 발생할 수 있는 예외 처리가 누락되어 있습니다.

다음과 같이 수정하는 것을 제안드립니다:

-        val encodedPassword = Base64.getEncoder().encodeToString(state.value.password.toByteArray(Charsets.UTF_8))
-        postSideEffect(SetPasswordSideEffect.MoveToNext(password = encodedPassword.toString()))
+        try {
+            val encodedPassword = Base64.getEncoder().encodeToString(
+                state.value.password.toByteArray(Charsets.UTF_8)
+            )
+            postSideEffect(SetPasswordSideEffect.MoveToNext(password = encodedPassword))
+        } catch (e: Exception) {
+            setState { state.value.copy(buttonEnabled = true) }
+            // TODO: 에러 처리 로직 추가 (예: 사용자에게 알림)
+        }

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