6주차 세미나 과제 #12

b1urrrr · 2023-06-02T14:11:35Z

[6차 세미나] LiveData와 Observer Pattern, OkHttp Interceptor #10

⛳️ Work Description

Essential

홈 화면도 UI Layer 만들어보기
경고 정도는 이제 쉽죠?

Advanced

(합동세미나 과제 연동) 기존 코드를 UI Layer를 활용해서 코드 분리하기 🔗
양방향 데이터바인딩으로 코드 로직 개선
로딩뷰 구현

Challenge

Data Layer 분리

📸 Screenshot

Signup

Android.Emulator.-.Galaxy_S21_API_31_5554.2023-06-03.02-19-25.mp4

Loading Dialog

Android.Emulator.-.Galaxy_S21_API_31_5556.2023-06-03.02-01-28.mp4

📢 To Reviewers

이전에 미리 작업해놓은 것들이 많아서 경고와 로딩 뷰만 구현했습니다.
로딩 뷰 처음 구현해봤는데 개선할 부분이 있는지 확인 부탁드립니다!
정규식에서 '{' can be simplified to '*'라는 경고가 뜨는데 지금 상태보다 더 간략하게 만들 수 있는 걸까요? 더 간단한 정규식 표기법을 알고 계신다면 알려주세요!

leeeha

항상 배워갈 게 많은 채연이 코드!! 이번주도 고생했어요 :)

leeeha · 2023-06-04T14:23:38Z

app/src/main/java/org/android/go/sopt/presentation/dialog/LoadingDialogFragment.kt

+import org.android.go.sopt.util.binding.BindingDialogFragment
+
+class LoadingDialogFragment :
+    BindingDialogFragment<FragmentLoadingDialogBinding>(R.layout.fragment_loading_dialog) {


오호 다이얼로그 프래그먼트도 이렇게 base를 만들어서 사용할 수 있네요! 리팩토링 때 반영하겠습니다 :)

leeeha · 2023-06-04T14:28:12Z

app/src/main/java/org/android/go/sopt/presentation/login/LoginActivity.kt

@@ -16,12 +17,15 @@ import org.android.go.sopt.util.extension.showSnackbar
 import org.android.go.sopt.util.extension.showToast
 import org.android.go.sopt.util.state.RemoteUiState.Error
 import org.android.go.sopt.util.state.RemoteUiState.Failure
+import org.android.go.sopt.util.state.RemoteUiState.Loading


Loading도 UiState 중 하나로 분류해서 하니까 코드가 간결하네요! 구웃~~

leeeha · 2023-06-04T14:42:13Z

app/src/main/java/org/android/go/sopt/presentation/main/follower/FollowerFragment.kt

+
+    private var _loadingDialog: LoadingDialogFragment? = null
+    private val loadingDialog
+        get() = requireNotNull(_loadingDialog) { getString(R.string.dialog_not_initialized_error_msg) }


오 이렇게 backing properties를 사용하니까 변수에 대한 불변성과 널 안정성이 더 높아진 거 같네요! 👍

leeeha · 2023-06-04T14:50:51Z

app/src/main/java/org/android/go/sopt/presentation/signup/SignupViewModel.kt

@@ -40,36 +43,28 @@ class SignupViewModel @Inject constructor(
    private val specialty: String
        get() = _specialty.value?.trim() ?: ""

-    private fun isValidId() = id.isNotBlank() && id.length in MIN_ID_LENGTH..MAX_ID_LENGTH
+    val isValidId: LiveData<Boolean> = _id.map { id -> checkId(id) }
+    val isValidPwd: LiveData<Boolean> = _pwd.map { pwd -> checkPwd(pwd) }


LiveData의 map 사용법 배워갑니다 👍

저도 쇽샥해야곘네요!

leeeha · 2023-06-04T14:53:57Z

app/src/main/java/org/android/go/sopt/presentation/signup/SignupViewModel.kt

+        private const val REGEX_ID_PATTERN =
+            """^(?=.*[a-zA-Z])(?=.*\d).{$MIN_ID_LENGTH,$MAX_ID_LENGTH}$"""
+        private const val REGEX_PWD_PATTERN =
+            """^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()?]).{$MIN_PWD_LENGTH,$MAX_PWD_LENGTH}$"""


아이디, 비밀번호 길이의 최소 최대 값 상수화 어떻게 시켜야 하는지 몰랐는데 배워갑니다!!

leeeha · 2023-06-04T15:04:42Z

app/src/main/java/org/android/go/sopt/util/binding/BindingAdapter.kt

+            this,
+            getColorStateList(context, R.color.coral_700),
+        )
+    }


오호 EditText의 확장함수를 만들어서 테두리 색상을 바꾸는 방법도 있네요! 머티리얼 컴포넌트인 Text Field를 사용하면 app:errorEnabled="true" 이 한 줄로 편하게 에러 상태를 표시할 수 있더라구요! 참고하면 좋을 거 같아요 :)

커스텀이 까다롭다고 느껴져 EditText를 활용해서 구현했었는데 머터리얼 컴포넌트에서도 안내하고 있는 컴포넌트였군요 😮 유용한 리포지토리와 속성 알려주셔서 감사합니다 💖 기회가 되면 활용해봐야겠어요!

leeeha · 2023-06-04T15:08:15Z

app/src/main/res/layout/fragment_loading_dialog.xml

+            app:layout_constraintTop_toTopOf="parent"
+            app:lottie_autoPlay="true"
+            app:lottie_loop="true"
+            app:lottie_rawRes="@raw/ic_square_loading" />


로티 애니메이션으로 로딩 뷰도 구현할 수 있다는 거 알아갑니다!! 💚

로티애니매이션뷰 처음 봤는데 찾아봐야겠네요 ! 굿굿

taeheeL

멈추지 않으면 얼마나 천천히 가는지는 문제가 되지 않느니라 - 공자

taeheeL · 2023-06-05T03:05:15Z

app/src/main/java/org/android/go/sopt/presentation/main/home/HomeFragment.kt

+    private var _repoItemAdapter: RepoItemAdapter? = null
+    private val repoItemAdapter
+        get() = requireNotNull(_repoItemAdapter) { getString(R.string.adapter_not_initialized_error_msg) }
+
+    private var _loadingDialog: LoadingDialogFragment? = null
+    private val loadingDialog
+        get() = requireNotNull(_loadingDialog) { getString(R.string.dialog_not_initialized_error_msg) }


이 부분을 위임을 통해 로직을 대신 해볼 수는 없을까요? 궁금해서 물어보는 겁니다 ㅎ

by lazy는 val로만 선언이 가능해서 리소스 해제를 못 하겠더라구요
by lazy나 by ViewModels() 말고는 위임을 제대로 활용해본 적이 없는데 위임으로 처리 가능한 다른 방법이 있다면 알려주세요!

taeheeL · 2023-06-05T03:07:27Z

app/src/main/java/org/android/go/sopt/presentation/signup/SignupViewModel.kt

+    private fun checkId(id: String): Boolean {
+        return id.isEmpty() || Pattern.matches(REGEX_ID_PATTERN, id)
+    }


blank을 사용하시지 않은 이유가 있나여?

현재 조건이 비어있거나, 패턴에 맞을 때 true -> 에러가 없는 것 같은데
공백만 있는 상황에 error를 넣을지, 넣지 말지를 생각해봐야겠네요 ! 요건 아무래도 개인차인듯?

별 생각 없이 isEmpty로 썼는데, id 가져올 때 trim() 처리를 하도록 구현해놔서 isBlank랑 똑같을 것 같네여

Marchbreeze

훔쳐갈 좋은 소스들이 많네요 ㅎㅎㅎㅎㅎ 최고

Marchbreeze · 2023-06-05T06:54:04Z

app/src/main/java/org/android/go/sopt/presentation/login/LoginActivity.kt

+                is Error -> {
+                    dismissLoadingDialog()
+                    showSnackbar(binding.root, getString(R.string.unknown_error_msg))
+                }
            }
        }
    }


아하 로딩 다이얼로그를 따로 프래그먼트로 세워두고 적용시키는 방식이군요 !! 훔쳐갈게요

Marchbreeze · 2023-06-05T06:58:30Z

app/src/main/java/org/android/go/sopt/util/state/RemoteUiState.kt

@@ -1,6 +1,7 @@
 package org.android.go.sopt.util.state

 sealed class RemoteUiState {
+    object Loading : RemoteUiState()
    object Success : RemoteUiState()
    data class Failure(val code: Int?) : RemoteUiState()
    object Error : RemoteUiState()


이것도 같이 훔쳐갈게요 ㅎㅎ State들을 따로 저장해둘수가 있네요 !

저도 쇽삭하겠습니다 감사합니다 ㅋ

amourxyoung

갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 ! 갓채연 !

amourxyoung · 2023-06-05T08:27:59Z

app/src/main/java/org/android/go/sopt/presentation/main/follower/FollowerFragment.kt

+                    loadingDialog.show(parentFragmentManager, TAG_LOADING_DIALOG)
+                }
+
+                is Success -> {


오,,, 각 상태별로 로직을 처리하니까 가독성이 훨씬 좋네요 👍

amourxyoung · 2023-06-05T08:33:20Z

app/src/main/java/org/android/go/sopt/util/state/RemoteUiState.kt

@@ -1,6 +1,7 @@
 package org.android.go.sopt.util.state

 sealed class RemoteUiState {
+    object Loading : RemoteUiState()
    object Success : RemoteUiState()
    data class Failure(val code: Int?) : RemoteUiState()
    object Error : RemoteUiState()


저도 쇽삭하겠습니다 감사합니다 ㅋ

amourxyoung · 2023-06-05T08:36:19Z

app/src/main/java/org/android/go/sopt/presentation/login/LoginViewModel.kt

+
+            if (!isValidInput()) {
+                _loginState.value = Failure(CODE_INVALID_INPUT)
+                return@launch


혹시 이거는 무슨 의미인지 알 수 있을까요?

로그인 할 때 아이디랑 비밀번호 중 하나라도 비워져있으면 오류 메시지를 띄우도록 하는 코드입니다!

lsakee

채연이 화이팅 !! 배워갑니다!

lsakee · 2023-06-05T19:31:49Z

app/src/main/java/org/android/go/sopt/presentation/signup/SignupViewModel.kt

@@ -40,36 +43,28 @@ class SignupViewModel @Inject constructor(
    private val specialty: String
        get() = _specialty.value?.trim() ?: ""

-    private fun isValidId() = id.isNotBlank() && id.length in MIN_ID_LENGTH..MAX_ID_LENGTH
+    val isValidId: LiveData<Boolean> = _id.map { id -> checkId(id) }
+    val isValidPwd: LiveData<Boolean> = _pwd.map { pwd -> checkPwd(pwd) }


저도 쇽샥해야곘네요!

lsakee · 2023-06-05T19:33:08Z

app/src/main/res/layout/fragment_loading_dialog.xml

+            app:layout_constraintTop_toTopOf="parent"
+            app:lottie_autoPlay="true"
+            app:lottie_loop="true"
+            app:lottie_rawRes="@raw/ic_square_loading" />


로티애니매이션뷰 처음 봤는데 찾아봐야겠네요 ! 굿굿

amourxyoung · 2023-06-10T09:51:24Z

app/src/main/java/org/android/go/sopt/presentation/dialog/LoadingDialogFragment.kt

+import org.android.go.sopt.databinding.FragmentLoadingDialogBinding
+import org.android.go.sopt.util.binding.BindingDialogFragment
+
+class LoadingDialogFragment :


혹시 LoadingDialogFragment의 BindingDialogFragment를 따로 만들어둔 특별한 이유가 있는지 궁금합니당 어차피 하나의 LoadingDialogFragment로만 계속 사용하지 않나용?

로그아웃 경고 문구 구현할 때에도 BindingDialogFragment를 활용했었습니당
다른 DialogFragment가 추가되는 경우를 고려하면 유지보수에도 좋을 것 같네요!

b1urrrr added 9 commits May 31, 2023 23:58

[ADD/#10] 회원가입 아이디 및 비밀번호에 정규식 및 Transformation map 적용

03b2822

[FEAT/#10] 회원가입 edittext background 커스텀

f0fa35b

[CHORE/#10] code reformat

161d65a

[CHORE/#10] textAppearance 속성값 간략화

6364022

[FEAT/#10] 회원가입 아이디 및 비밀번호 경고 문구 추가

304a92f

[MOD/#10] 로그인 edit text background 적용

b284db2

[MOD/#10] 회원가입 경고 문구 간략화

4418e7e

[MOD/#10] 로그인 및 회원가입 edit text 라벨 margin 조정

5b23818

[CHORE/#10] 로그인 및 회원가입 edit text margin top 변경

b03dbb5

b1urrrr self-assigned this Jun 2, 2023

[ADD/#10] loading dialog fragment 추가

f9065cd

b1urrrr added essential 필수 과제 advanced 심화 과제 challenge 도전 과제 labels Jun 2, 2023

b1urrrr added 6 commits June 3, 2023 01:18

[FEAT/#10] 로딩뷰 구현

4c787bc

[MOD/#10] 전반적으로 backing field 적용

c7c5c39

[FIX/#10] lottie 이미지 크기 조정

9042663

[MOD/#10] loading lottie 이미지 축소

b220c8e

[MOD/#10] edit text padding 값 축소

1f249bc

[MOD/#10] dismissLoadingDialog 함수 간략화

cb8687d

b1urrrr requested review from amourxyoung, leeeha, Dan2dani, sxunea, lsakee, Marchbreeze, sohyun127, taeheeL and a team June 2, 2023 17:29

[DEL/#10] 불필요한 layout 제거

e65a689

[MOD/#10] 로그아웃 안내 문구 변경

c80307e

leeeha approved these changes Jun 4, 2023

View reviewed changes

leeeha reviewed Jun 4, 2023

View reviewed changes

taeheeL approved these changes Jun 5, 2023

View reviewed changes

Marchbreeze approved these changes Jun 5, 2023

View reviewed changes

amourxyoung approved these changes Jun 5, 2023

View reviewed changes

lsakee approved these changes Jun 5, 2023

View reviewed changes

amourxyoung reviewed Jun 10, 2023

View reviewed changes

b1urrrr merged commit 83558e2 into develop Jun 14, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

6주차 세미나 과제 #12

6주차 세미나 과제 #12

b1urrrr commented Jun 2, 2023 •

edited

Loading

leeeha left a comment

leeeha Jun 4, 2023

leeeha Jun 4, 2023 •

edited

Loading

leeeha Jun 4, 2023

leeeha Jun 4, 2023

lsakee Jun 5, 2023

leeeha Jun 4, 2023

leeeha Jun 4, 2023 •

edited

Loading

b1urrrr Jun 10, 2023 •

edited

Loading

leeeha Jun 4, 2023

lsakee Jun 5, 2023

taeheeL left a comment

taeheeL Jun 5, 2023

b1urrrr Jun 12, 2023

taeheeL Jun 5, 2023

giovannijunseokim Jun 6, 2023

b1urrrr Jun 12, 2023

Marchbreeze left a comment

Marchbreeze Jun 5, 2023

Marchbreeze Jun 5, 2023

amourxyoung Jun 5, 2023

amourxyoung left a comment

amourxyoung Jun 5, 2023

amourxyoung Jun 5, 2023

amourxyoung Jun 5, 2023

b1urrrr Jun 12, 2023

lsakee left a comment

lsakee Jun 5, 2023

lsakee Jun 5, 2023

amourxyoung Jun 10, 2023

b1urrrr Jun 12, 2023

6주차 세미나 과제 #12

6주차 세미나 과제 #12

Conversation

b1urrrr commented Jun 2, 2023 • edited Loading

⛳️ Work Description

Essential

Advanced

Challenge

📸 Screenshot

Signup

Loading Dialog

📢 To Reviewers

leeeha left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

leeeha Jun 4, 2023 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

leeeha Jun 4, 2023 • edited Loading

Choose a reason for hiding this comment

b1urrrr Jun 10, 2023 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

taeheeL left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Marchbreeze left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

amourxyoung left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

lsakee left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

b1urrrr commented Jun 2, 2023 •

edited

Loading

leeeha Jun 4, 2023 •

edited

Loading

leeeha Jun 4, 2023 •

edited

Loading

b1urrrr Jun 10, 2023 •

edited

Loading