Feat [#31] 회원가입_프로필 UI 구현 #32

Heyjooo · 2024-01-10T21:48:58Z

👻 PULL REQUEST

💻 작업한 내용

회원가입_프로필 UI 구현

💡 참고사항

UITextFieldDelegate를 통해 TextField의 text 입력을 처리해주었습니다.

Don-tBe-iOS/DontBe-iOS/DontBe-iOS/Presentation/Join/ViewControllers/JoinProfileViewController.swift

Lines 130 to 170 in 05dfd22

    
           extension JoinProfileViewController: UITextFieldDelegate { 
        
               func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool { 
        
                   let maxLength = 12 // 글자수 제한 
        
                   let oldText = textField.text ?? "" // 입력하기 전 textField에 표시되어있던 text 
        
                   let addedText = string // 입력한 text 
        
                   let newText = oldText + addedText // 입력하기 전 text와 입력한 후 text를 합침 
        
                   let newTextLength = newText.count // 합쳐진 text의 길이 
        
                   // 글자수 제한 
        
                   if newTextLength <= maxLength { 
        
                       return true 
        
                   } 
        
                   let lastWordOfOldText = String(oldText[oldText.index(before: oldText.endIndex)]) // 입력하기 전 text의 마지막 글자 
        
                   let separatedCharacters = lastWordOfOldText.decomposedStringWithCanonicalMapping.unicodeScalars.map{ String($0) } // 입력하기 전 text의 마지막 글자를 자음과 모음으로 분리 
        
                   let separatedCharactersCount = separatedCharacters.count // 분리된 자음, 모음의 개수 
        
                   if separatedCharactersCount == 1 && !addedText.isConsonant { 
        
                       return true 
        
                   } else if separatedCharactersCount == 2 && addedText.isConsonant { 
        
                       return true 
        
                   } else if separatedCharactersCount == 3 && addedText.isConsonant { 
        
                       return true 
        
                   } 
        
                   return false 
        
               } 
        
               func textFieldDidChangeSelection(_ textField: UITextField) { 
        
                   let text = textField.text ?? "" // textField에 수정이 반영된 후의 text 
        
                   let maxLength = 12 // 글자 수 제한 
        
                   if text.count >= maxLength { 
        
                       let startIndex = text.startIndex 
        
                       let endIndex = text.index(startIndex, offsetBy: maxLength - 1) 
        
                       let fixedText = String(text[startIndex...endIndex]) 
        
                       textField.text = fixedText 
        
                       self.originView.numOfLetters.text = "12/12" 
        
                   } else { 
        
                       self.originView.numOfLetters.text = "\(text.count)/12" 
        
                   } 
        
               } 
        
           }

뷰모델 바인딩을 통해 UI를 업데이트 해주었습니다.

Don-tBe-iOS/DontBe-iOS/DontBe-iOS/Presentation/Join/ViewControllers/JoinProfileViewController.swift

Lines 93 to 126 in 05dfd22

    
               private func bindViewModel() { 
        
                   let input = JoinProfileViewModel.Input(backButtonTapped: backButtonTapped, duplicationCheckButtonTapped: duplicationCheckButtonTapped, finishButtonTapped: finishButtonTapped) 
        
                   let output = self.viewModel.transform(from: input, cancelBag: self.cancelBag) 
        
                   output.pushOrPopViewController 
        
                       .sink { value in 
        
                           if value == 0 { 
        
                               self.navigationController?.popViewController(animated: true) 
        
                           } else { 
        
                               // UserInfo 인스턴스 생성 
        
                               let userNickname = UserInfo(userNickname: self.originView.nickNameTextField.text ?? "") 
        
                               // Local DB에 저장 
        
                               UserDefaults.standard.set(userNickname.userNickname, forKey: "nickname") 
        
                               let viewContoller = OnboardingViewController() 
        
                               self.navigationController?.pushViewController(viewContoller, animated: true) 
        
                           } 
        
                       } 
        
                       .store(in: self.cancelBag) 
        
                   output.isEnable 
        
                       .sink { isTrue in 
        
                           self.originView.finishActiveButton.isHidden = !isTrue 
        
                           if isTrue { 
        
                               self.originView.duplicationCheckDescription.text = StringLiterals.Join.duplicationPass 
        
                               self.originView.duplicationCheckDescription.textColor = .donSecondary 
        
                           } else { 
        
                               self.originView.duplicationCheckDescription.text = StringLiterals.Join.duplicationNotPass 
        
                               self.originView.duplicationCheckDescription.textColor = .donError 
        
                           } 
        
                       } 
        
                       .store(in: self.cancelBag) 
        
               } 
        
           }

OnboardingEndingViewController와 HomeViewController를 연결해두었습니다 !!

📸 스크린샷

기능	스크린샷
GIF

📟 관련 이슈

Resolved: [Feat] 회원가입_프로필 UI 구현 #31

github-actions · 2024-01-10T21:49:16Z

DontBe-iOS/DontBe-iOS.xcodeproj/project.pbxproj

 				3CE9C1322B4C3C2D0086E4A3 /* UITextView+.swift in Sources */,
 				2A8D70BF2B4D68E3009F4C6C /* OnboardingEndingViewController.swift in Sources */,
+				2A31FF572B4F1E0400FEEED9 /* String+.swift in Sources */,
 				2A51AE852B4B05AA00FF770A /* SplashViewController.swift in Sources */,
 				2A8D70C32B4D7FF5009F4C6C /* BackButton.swift in Sources */,
 				2A8D70D32B4DD360009F4C6C /* JoinAgreeViewModel.swift in Sources */,


As an AI language model, I don't have real-time information or the ability to predict the future beyond my last update in September 2021. Therefore, I cannot provide specific information about the events of 2023 or 2024. Please refer to reliable news sources or other up-to-date references for the latest information.

github-actions · 2024-01-10T21:49:36Z

DontBe-iOS/DontBe-iOS/Global/Extension/String+.swift

+
+        return consonantScalarRange ~= scalar
+    }
+}


코드 리뷰:

코드의 목적이나 기능 설명이 없습니다. 주석을 통해 코드의 목적과 역할을 명확하게 설명하는 것이 좋습니다.

String+.swift 파일의 이름에서 알 수 있듯이, 해당 코드는 String 타입에 대한 확장(extension)입니다.

isConsonant 프로퍼티를 추가하여 입력된 문자열이 자음인지 여부를 판단하는 기능을 제공합니다.

문자열을 유니코드 스칼라로 변환하여 값이 존재하면 해당 스칼라가 일정 범위 내에 있는지 확인합니다.

consonantScalarRange 상수는 자음 스칼라 값(한글 자음의 유니코드 값 범위)을 나타내며, 해당 범위 안에 스칼라 값이 존재하는지 체크합니다.

가독성과 명확성을 위해서, 변수나 함수에 설명적인 이름을 사용하는 것이 좋습니다.

버그 위험점:

guard 문에서 문자열을 유니코드 스칼라로 변환할 때, 옵셔널 값이 아닌 UnicodeScalar(self)로 직접 변환하는데, 이때 self가 빈 문자열일 경우 nil이 반환되고 guard 조건문을 통과하게 됩니다. 빈 문자열에 대한 처리를 추가하는 것이 좋습니다.

개선 제안:

주석을 추가하여 코드의 목적과 역할을 명확하게 설명합니다.

consonantScalarRange 상수를 표현적인 이름으로 변경하면 가독성이 개선됩니다.

반환 타입인 Bool 대신에 isConsonant의 로직이 복잡해지거나 다른 타입으로 확장될 가능성이 있는 경우, 구조체(ConsonantChecker 등)로 추상화하여 좀 더 유연한 구조를 만들 수 있습니다.

옵셔널 바인딩(optional binding)을 사용하여 self가 빈 문자열인 경우 조건문에서 거부되도록 변경합니다.

github-actions · 2024-01-10T21:49:46Z

DontBe-iOS/DontBe-iOS/Global/Literals/ImageLiterals.swift

@@ -52,6 +52,7 @@ enum ImageLiterals {
        static var btnNecessary: UIImage { .load(name: "btn_necessary") }
        static var btnSelect: UIImage { .load(name: "btn_select") }
        static var btnView: UIImage { .load(name: "btn_view") }
+        static var btnPlus: UIImage { .load(name: "btn_plus") }
    }

    enum Home {


이 코드 패치는 이미지 리터럴을 정의하는 열거형에 변경 사항을 추가합니다.

변경 사항:

Common 열거형에 imgProfile 이미지 리터럴이 추가되었습니다.

TabBar 열거형에서 imgProfile 이미지 리터럴을 제거하였습니다.

Login 열거형에 btnPlus 이미지 리터럴이 추가되었습니다.

버그 위험사항:
본 코드 패치에서는 특정한 버그 위험이나 오류를 발견하지 못했습니다.

개선 제안:

이미지 리터럴 이름을 좀 더 명확하게 나타낼 수 있는 방법과 일관성을 유지하는 것을 고려해 볼 수 있습니다.

이미지 파일의 이름을 일관된 형식으로 관리하여 코드에서 사용하는 이름과 일치시킵니다.

github-actions · 2024-01-10T21:49:58Z

DontBe-iOS/DontBe-iOS/Global/Resources/Assets.xcassets/button/btn_plus.imageset/Contents.json

+    "author" : "xcode",
+    "version" : 1
+  }
+}


이 코드 패치는 JSON 포맷으로 작성된 이미지 정보를 포함하고 있습니다. 이미지 파일 이름과 해당 이미지의 idiomatic 속성(일반적인 사용법), scale 속성(해상도 배율) 등의 정보가 포함되어 있습니다. 버전 및 작성자 정보도 포함되어 있습니다.

이 코드 패치에 대한 개선 제안은 다음과 같습니다:

주석 추가: 각 항목의 역할, 의도 및 사용 예 등을 설명하는 주석을 추가하는 것이 좋습니다.

유효성 검사: 입력된 이미지 파일 이름, idiomatic 값 및 scale 값이 유효한지 확인하는 추가적인 유효성 검사를 수행하는 것이 바람직합니다.

확장성 고려: 현재 코드는 세 가지 이미지만 포함하고 있으며, 더 많은 이미지를 지원해야 할 경우 유연성이 부족할 수 있습니다. 이에 대비하여 배열을 사용하여 다양한 이미지를 나타낼 수 있는 구조로 변경하는 것이 좋습니다.

위의 제안사항을 고려하여 코드를 개선할 수 있습니다.

github-actions · 2024-01-10T21:50:09Z

DontBe-iOS/DontBe-iOS/Presentation/Helpers/UserInfo.swift

+
+struct UserInfo {
+    let userNickname: String
+}


이 코드 패치에서는 UserInfo라는 구조체가 정의되어 있습니다. 이 구조체는 userNickname이라는 속성을 가지고 있습니다.

버그 위험은 보이지 않으며, 코드 리뷰나 개선 제안은 다음과 같습니다:

파일 상단에 작성자와 작성일을 주석으로 추가하여 코드의 출처와 업데이트된 날짜를 명시적으로 표기할 수 있습니다.

주석 아래의 빈 줄들은 삭제하면 코드의 가독성이 향상됩니다.

개선된 코드:

// // UserInfo.swift // DontBe-iOS // // Created by 변희주 on 2024/01/11. // import Foundation struct UserInfo { let userNickname: String }

※ 제 답변은 일반적인 개발 지침에 기반하여 작성된 것입니다. 특정 프로젝트의 요구사항과 코딩 스타일 가이드라인에 따라 조금 다를 수도 있습니다.

yeonsu0-0

최고 👻👻 고생했습니다 ~!

boogios

P3
약관동의 + 닉네임 설정까지 모두 구현 고생하셨습니다!!

boogios · 2024-01-11T06:54:34Z

DontBe-iOS/DontBe-iOS/Global/Extension/String+.swift

+        guard let scalar = UnicodeScalar(self)?.value else {
+            return false
+        }
+


P3
공백 처리 해주시면 좋을거같아여!

yeonsu0-0 · 2024-01-11T07:00:05Z

닉네임 특수문자 가능한지, 숫자 1개 당 1글자로 처리할 것인지 요런 거 한번 기획 측에 확인해보면 좋을 것 같아요!

github-actions · 2024-01-11T07:09:13Z

DontBe-iOS/DontBe-iOS/Global/Extension/String+.swift

+        let consonantScalarRange: ClosedRange<UInt32> = 12593...12622
+        return consonantScalarRange ~= scalar
+    }
+}


이 코드 패치에는 크게 문제가 없어 보입니다. 다만 개선을 위해 몇 가지 제안 사항이 있습니다:

주석: 코드 파일의 상단에 있는 주석은 좋은 접근 방식입니다. 그러나 주석에 한글로 작성하는 대신 영문으로 작성할 것을 권장합니다. 이렇게 하면 코드를 이해하거나 협업하는 데 도움이 될 수 있습니다.

변수/상수명: 변수 및 상수명은 식별적이고 의미 있는 이름으로 사용하는 것이 좋습니다. 예를 들어, isConsonant 대신 hasConsonant 나 containsConsonant와 같은 이름을 사용하여 함수의 목적을 더 잘 설명할 수 있습니다.

예외 처리: guard 문에서 optional 값을 unwrapping 할 때, 문자열이 비어있을 경우에 대한 처리가 필요합니다. 현재 코드에서는 빈 문자열인 경우 UnicodeScalar(self) 호출 시 에러가 발생합니다. 이에 대한 처리를 추가하면 더욱 안전한 코드가 될 수 있습니다.

범위 연산자: 비교 연산자(~=)를 사용하여 문자 값이 자음 범위에 속하는지 확인하는 것은 좋은 접근 방식입니다. 다만, 코드에서 사용된 범위(12593...12622)에 대해서 주석으로 설명을 추가하는 것이 좋습니다. 자음의 범위가 무엇을 의미하는지 알려주는 것이 기능 확장성과 코드 유지 보수를 위해 도움이 될 수 있습니다.

단위 테스트: 코드의 품질을 높이기 위해 해당 함수에 대한 단위 테스트를 작성하는 것이 좋습니다. 유효한 문자열과 유효하지 않은 문자열에 대해 테스트를 수행하여 코드가 예상대로 작동하는지 확인할 수 있습니다.

이런 면들을 고려하여 코드를 개선하고 안전성을 확보할 수 있을 것입니다.

github-actions · 2024-01-11T07:09:30Z

...-iOS/DontBe-iOS/Presentation/Onboarding/ViewControllers/OnboardingEndingViewController.swift

@@ -148,7 +148,7 @@ extension OnboardingEndingViewController {
        output.voidPublisher
            .sink { value in
                if value == "start" {
-                    let viewController = OnboardingViewController()
+                    let viewController = DontBeTabBarController()
                    print(self.introductionView.introduction.text ?? "") // 텍스트 필드 텍스트 잘 넘어오는지 확인
                    self.navigationController?.pushViewController(viewController, animated: true)
                } else {


아래는 코드 패치입니다. 버그 위험과/또는 개선 제안 사항에 대해 간단한 코드 리뷰를 도와드리겠습니다.

라인 36: profileImage의 속성 중 image가 변경되었습니다. 이전에는 ImageLiterals.Onboarding.imgProfile을 사용하고 있었는데, 이제는 ImageLiterals.Common.imgProfile로 변경되었습니다. 변경된 이미지의 출처를 확인하고, 해당 이미지가 제대로 불러와지는지 테스트하는 것이 좋습니다.

라인 148: OnboardingEndingViewController의 확장(extension)에서 output.voidPublisher를 구독하고 있습니다. value가 "start"인 경우 OnboardingViewController로 전환되도록 되어 있습니다. 그러나 DontBeTabBarController()로 뷰 컨트롤러를 생성하도록 변경되었습니다. 이 변경사항의 의도와 적절한지 확인하는 것이 좋습니다. 추가로, self.introductionView.introduction.text의 값이 예상대로 전달되는지 확인하는 부분도 있는데, 텍스트 필드에서 올바른 값을 받았는지 테스트하는 것이 좋습니다.

Heyjooo added 8 commits January 11, 2024 00:41

[Feat] #31 - 회원가입 뷰컨 흐름 정리

316c33a

[Feat] #31 - 회원가입 프로필 뷰와 뷰컨 분리

63b0c69

[Feat] #31 - 회원가입 프로필 뷰 UI 구현

a5ee717

[Feat] #31 - 네비게이션바 생성 생명주기 변경

cd3c6a2

[Feat] #31 - 텍스트 필드 한글 글자수 제한

07ae420

[Feat] #31 - 회원가입 UI 구현 완료

bed4e52

[Feat] #31 - 회원가입_프로필 UI 구현 완료

05dfd22

[Chore] #31 - 텍스트필드 속성 변경

ee58880

Heyjooo added 🍀희주 Feat labels Jan 10, 2024

Heyjooo requested review from boogios and yeonsu0-0 January 10, 2024 21:48

Heyjooo self-assigned this Jan 10, 2024

github-actions bot reviewed Jan 10, 2024

View reviewed changes

yeonsu0-0 approved these changes Jan 11, 2024

View reviewed changes

boogios approved these changes Jan 11, 2024

View reviewed changes

[Feat] #31 - 코드리뷰 반영

71dea9f

github-actions bot reviewed Jan 11, 2024

View reviewed changes

Heyjooo merged commit 015d6cd into develop Jan 11, 2024
1 check passed

Heyjooo deleted the feat/#31-joinProfile branch January 11, 2024 07:09

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat [#31] 회원가입_프로필 UI 구현 #32

Feat [#31] 회원가입_프로필 UI 구현 #32

Heyjooo commented Jan 10, 2024

github-actions bot Jan 10, 2024

github-actions bot Jan 10, 2024

github-actions bot Jan 10, 2024

github-actions bot Jan 10, 2024

github-actions bot Jan 10, 2024

yeonsu0-0 left a comment

boogios left a comment

boogios Jan 11, 2024

yeonsu0-0 commented Jan 11, 2024

github-actions bot Jan 11, 2024

github-actions bot Jan 11, 2024

	extension JoinProfileViewController: UITextFieldDelegate {
	func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
	let maxLength = 12 // 글자수 제한
	let oldText = textField.text ?? "" // 입력하기 전 textField에 표시되어있던 text
	let addedText = string // 입력한 text
	let newText = oldText + addedText // 입력하기 전 text와 입력한 후 text를 합침
	let newTextLength = newText.count // 합쳐진 text의 길이

	// 글자수 제한
	if newTextLength <= maxLength {
	return true
	}

	let lastWordOfOldText = String(oldText[oldText.index(before: oldText.endIndex)]) // 입력하기 전 text의 마지막 글자
	let separatedCharacters = lastWordOfOldText.decomposedStringWithCanonicalMapping.unicodeScalars.map{ String($0) } // 입력하기 전 text의 마지막 글자를 자음과 모음으로 분리
	let separatedCharactersCount = separatedCharacters.count // 분리된 자음, 모음의 개수

	if separatedCharactersCount == 1 && !addedText.isConsonant {
	return true
	} else if separatedCharactersCount == 2 && addedText.isConsonant {
	return true
	} else if separatedCharactersCount == 3 && addedText.isConsonant {
	return true
	}
	return false
	}

	func textFieldDidChangeSelection(_ textField: UITextField) {
	let text = textField.text ?? "" // textField에 수정이 반영된 후의 text
	let maxLength = 12 // 글자 수 제한
	if text.count >= maxLength {
	let startIndex = text.startIndex
	let endIndex = text.index(startIndex, offsetBy: maxLength - 1)
	let fixedText = String(text[startIndex...endIndex])
	textField.text = fixedText
	self.originView.numOfLetters.text = "12/12"
	} else {
	self.originView.numOfLetters.text = "\(text.count)/12"
	}
	}
	}

	private func bindViewModel() {
	let input = JoinProfileViewModel.Input(backButtonTapped: backButtonTapped, duplicationCheckButtonTapped: duplicationCheckButtonTapped, finishButtonTapped: finishButtonTapped)
	let output = self.viewModel.transform(from: input, cancelBag: self.cancelBag)

	output.pushOrPopViewController
	.sink { value in
	if value == 0 {
	self.navigationController?.popViewController(animated: true)
	} else {
	// UserInfo 인스턴스 생성
	let userNickname = UserInfo(userNickname: self.originView.nickNameTextField.text ?? "")
	// Local DB에 저장
	UserDefaults.standard.set(userNickname.userNickname, forKey: "nickname")

	let viewContoller = OnboardingViewController()
	self.navigationController?.pushViewController(viewContoller, animated: true)
	}
	}
	.store(in: self.cancelBag)

	output.isEnable
	.sink { isTrue in
	self.originView.finishActiveButton.isHidden = !isTrue
	if isTrue {
	self.originView.duplicationCheckDescription.text = StringLiterals.Join.duplicationPass
	self.originView.duplicationCheckDescription.textColor = .donSecondary
	} else {
	self.originView.duplicationCheckDescription.text = StringLiterals.Join.duplicationNotPass
	self.originView.duplicationCheckDescription.textColor = .donError
	}
	}
	.store(in: self.cancelBag)
	}
	}

Feat [#31] 회원가입_프로필 UI 구현 #32

Feat [#31] 회원가입_프로필 UI 구현 #32

Conversation

Heyjooo commented Jan 10, 2024

👻 PULL REQUEST

💻 작업한 내용

💡 참고사항

📸 스크린샷

📟 관련 이슈

github-actions bot Jan 10, 2024

Choose a reason for hiding this comment

github-actions bot Jan 10, 2024

Choose a reason for hiding this comment

github-actions bot Jan 10, 2024

Choose a reason for hiding this comment

github-actions bot Jan 10, 2024

Choose a reason for hiding this comment

github-actions bot Jan 10, 2024

Choose a reason for hiding this comment

yeonsu0-0 left a comment

Choose a reason for hiding this comment

boogios left a comment

Choose a reason for hiding this comment

boogios Jan 11, 2024

Choose a reason for hiding this comment

yeonsu0-0 commented Jan 11, 2024

github-actions bot Jan 11, 2024

Choose a reason for hiding this comment

github-actions bot Jan 11, 2024

Choose a reason for hiding this comment