Feature/#48 프로필 화면 구현 #139

ki960213 · 2023-07-30T04:48:18Z

#️⃣연관된 이슈

#48

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)
내 프로필 화면 구현

스크린샷 (선택)

예상 소요 시간 및 실제 소요 시간

이슈의 예상 소요 시간과 실제 소요된 시간을 분 or 시간 or 일 단위로 작성해주세요.

예상시간/걸린시간 => 1일/2일

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요
데이터 모델이 애매해서 일단 클래스 명을 Activity1, Member1 이렇게 만들었습니다.

- 회원의 활동 정보 외의 정보를 보여주는 레이아웃 구현

- 회원의 이름, 사진, 소개글, 직무 정보를 보여주는 기능 구현

- oneLineIntroduce -> description

- jobs -> myprofile_jobs - activities -> myprofile_activities

- MemberApiModel1 -> MemberWithoutActivitiesApiModel

- bg_myprofile_category.xml -> bg_myprofile_job.xml

…호출 시 실행할 함수를 바인딩해주는 어댑터 구현

tmdgh1592

프로필 화면 구현하시느라 고생하셨습니다 👍

android/2023-emmsale/app/src/main/java/com/emmsale/data/activity/Activity1.kt

android/2023-emmsale/app/src/main/java/com/emmsale/data/member/Member1.kt

android/2023-emmsale/app/src/main/java/com/emmsale/data/member/MemberRepository.kt

android/2023-emmsale/app/src/main/java/com/emmsale/data/member/MemberRepositoryImpl.kt

tmdgh1592 · 2023-07-31T06:46:33Z

...ava/com/emmsale/presentation/ui/main/myProfile/itemDecoration/ActivitiesAdapterDecoration.kt

+    companion object {
+        private val instance = ActivitiesAdapterDecoration()
+
+        fun getInstance() = instance


함수 시그너처로 반환 타입을 작성해주시면 좋을 것 같습니다 : )

getInstance 함수를 만든 이유가 있을까요...? 저는 instance 의 pirvate 을 빼고 아래 함수를 지우는 것이 좋아보입니다

instance를 쓸거면 object로 만드는 게 더 낫겠죠?

아! 스캇 리뷰를 보니까 의문이 생겼습니다.
단순 ItemDecoration까지 싱글톤으로 관리하시려는 이유가 있으신가요?

여러 리사이클러 뷰에 같은 ItemDecoration 인스턴스를 설정하기 위함이었습니다.
생각해보니 싱글톤이 아니라 그냥 ItemDecoration을 생성하고 생성된 인스턴스를 설정해주면 되는 거였네요!

tmdgh1592 · 2023-07-31T06:47:21Z

...p/src/main/java/com/emmsale/presentation/ui/main/myProfile/uiState/MyProfileScreenUiState.kt

+data class MyProfileScreenUiState(
+    val isLoading: Boolean,
+    val isError: Boolean,
+    val errorMessage: String,
+    val memberId: Long,
+    val memberName: String,
+    val description: String,
+    val memberImageUrl: String,
+    val jobs: List<ActivityUiState>,
+    val educations: List<ActivityUiState>,
+    val clubs: List<ActivityUiState>,
+    val events: List<ActivityUiState>


프로퍼티가 엄청 많군요 😱

로딩, 에러, 성공 시 필요한 프로퍼티가 다르긴 하지만, 데이터 바인딩을 할 땐 위와 같은 방법이 더 편하기 때문에 위의 방법을 선택했습니다 😢
UI State Modeling 패턴 중 데이터 바인딩을 사용하기에 가장 편한 "하나의 State data class를 만들어서 관리하기"를 선택했습니다.

...e/app/src/main/java/com/emmsale/presentation/utils/bindingadapter/ImageViewBindingAdapter.kt

tmdgh1592 · 2023-07-31T06:53:56Z

android/2023-emmsale/app/src/main/res/layout/item_myprofile_activities.xml

+        android:layout_height="wrap_content">
+
+        <ImageView
+            android:id="@+id/iv_myprofile_activitynamedecorator"


이 부분은 팀 내에서 정한 컨벤션이지만, 언더바(_)가 없으니 확실히 읽기 힘들어지네요 🥲
이후에 컨벤션 수정이 시급해보입니다..!! 🙏

저도 처음엔 위와 같은 네이밍이 단어 구분이 힘들어서 불편하다고 생각했는데, 수많은 파일이 모여있는 drawable 패키지를 볼 때 [what_where_description] 패턴이 아니라, 단어마다 언더바로 구분한다면 파일명이 모여있을 땐 보기 불편해질 것 같습니다.

저는 그런 상황에서도 불편하다고 생각하는데, 역시 사람마다 생각하는 것이 다르군요 🤔

android/2023-emmsale/app/src/main/res/menu/menu_main_bottomnavigationview.xml

- operator fun get(activityType: ActivityType) -> fun getActivities(activityType: ActivityType)

- fetchXxx() -> getXxx()

…del 명 변경 - MemberActivitiesBindActivityTypeApiModel -> ActivitiesAssociatedByActivityType - MemberActivitiesApiModel -> ActivityApiModel

- bnvMain -> mainBottomNavigationView

android/2023-emmsale/app/src/main/java/com/emmsale/data/activity/Activities.kt

chws0508 · 2023-07-31T05:45:25Z

android/2023-emmsale/app/src/main/java/com/emmsale/data/activity/Activity1.kt

@@ -0,0 +1,7 @@
+package com.emmsale.data.activity
+
+data class Activity1(


지금은 DataModel 을 이렇게 Activity1 과 Acitivty 이런 방식으로 두지만, 추후에 시간이 여유롭다면 Acitivity1 하나만 있는게 좋을 것 같습니다. 나중에Onboarding 을 Activity1 의 데이터 모델을 이용하여 해결했으면 좋겠네요.

커디 프로젝트,,, 빠른 리팩토링이 시급합니다..

android/2023-emmsale/app/src/main/java/com/emmsale/data/event/EventRepository.kt

chws0508 · 2023-07-31T05:57:28Z

android/2023-emmsale/app/src/main/java/com/emmsale/data/member/MemberRepositoryImpl.kt

+        )
+
+        ApiSuccess(
+            Member1(


이건 모델 클래스에서 책임지도록 하면 좋을 것 같습니다

어떤 모델 클래스에서 책임지는 게 좋다고 생각하시나요?
우선 서버의 응답값을 데이터 모델로 생성하는 작업은 데이터 모델이 할 일은 아니라고 생각합니다. 비즈니스 로직이 아니기 때문입니다.
그리고 데이터 모델을 만드는 데 두 종류의 ApiModel이 필요합니다. 그래서 이 작업을 둘 중 하나에 맡긴다면 둘 중 하나는 다른 응답값에 의존하기 때문에 좋지 않다고 생각합니다. 두 ApiModel은 서로 다른 서버와의 통신에 필요하기 때문에 하나의 통신이 다른 통신에 의존하는 형태는 좋지 않다고 생각합니다!

아 그렇네요 제가 착각했습니다 ㅎㅎ 아니면 private 함수로 따로 뺴도 좋을 것 같아요.

아니면

val member = memberApiModel.toData() val activities = activitiesApiModel.associate { it.getActivityType() to it.toData() } ApiSuccess(member,activities)

이런 방법은 어떤가요

android/2023-emmsale/app/src/main/java/com/emmsale/data/member/MemberRepository.kt

chws0508 · 2023-07-31T08:11:31Z

...le/app/src/main/java/com/emmsale/data/member/dto/MemberActivitiesBindActivityTypeApiModel.kt

+import kotlinx.serialization.Serializable
+
+@Serializable
+data class MemberActivitiesBindActivityTypeApiModel(


제생각엔 이거 저희가 처음 말했던

data class Activity( id:Long. type: ActivityType name:String )

이 데이터 모델을 공통으로 쓰는게 좋아보이긴 합니다...
만약 이렇게 바꾸는게 이번 스프린트때는 힘들다면 다음 스프린트때 바꾸는게 좋아보여요. 지금 ActivitiesAssociatedByActivityTypeApiModel 이것만 봐도 항상 네이밍 짓기가 되게 힘들 것 같아요.

chws0508 · 2023-07-31T08:20:24Z

...le/app/src/main/java/com/emmsale/data/member/dto/MemberActivitiesBindActivityTypeApiModel.kt

+    val activityType: String,
+    val memberActivityResponses: List<MemberActivityApiModel>,


저도 개인적으로 부나와 같은 의견으로 명시해주는게 좋아보이긴 합니다.
만약 명시를 안한다고 해도, 저희 3명이 모두 명시를 안한다거나, 모두 명시를 한다거나 하는식으로 통일을 해야할 것 같습니다. (저도 명시를 해주고 있습니다)

chws0508 · 2023-07-31T08:32:05Z

...ava/com/emmsale/presentation/ui/main/myProfile/itemDecoration/ActivitiesAdapterDecoration.kt

+    companion object {
+        private val instance = ActivitiesAdapterDecoration()
+
+        fun getInstance() = instance


getInstance 함수를 만든 이유가 있을까요...? 저는 instance 의 pirvate 을 빼고 아래 함수를 지우는 것이 좋아보입니다

...le/app/src/main/java/com/emmsale/presentation/ui/main/myProfile/adapter/ActivitiesAdapter.kt

...e/app/src/main/java/com/emmsale/presentation/utils/bindingadapter/ImageViewBindingAdapter.kt

- fontWeight를 설정해야 텍스트의 굵기마다 맞는 font를 선택할 수 있음

…용 목적에 따라 로직 수정

…라 프래그먼트에서 정의하도록 변경

…yImpl에서 Mapper로 옮김

@query

- @query -> @path

tmdgh1592

Approve 하겠습니다 : )

…로필_화면_구현 # Conflicts: # android/2023-emmsale/app/build.gradle.kts

ki960213 added 16 commits July 28, 2023 16:02

feat(MainActivity): 로그인 하거나 온보딩 화면에서 회원 정보 등록 후 메인 화면으로 이동하도록 변경

c87bc17

feat(MainActivity): 처음 메인 화면에 가면 프로필 화면이 보이도록 구현

16e263e

feat(MainActivity): 하단 내비게이션 뷰의 스타일 설정 및 테마 변경

9d88772

feat(MainActivity): 메인 화면에 가면 처음에 행사 목록 화면으로 이동하도록 구현

a64be8f

feat(MainActivity): 하단 내비게이션 뷰 메뉴 클릭 시 화면이 변경되도록 구현

3534dd9

feat: 폰트 추가 및 하단 내비게이션 뷰의 스타일 지정

e2c2c6f

feat(MyProfileFragment): 회원 정보 화면 xml 일부 구현

fe77950

- 회원의 활동 정보 외의 정보를 보여주는 레이아웃 구현

feat(MyProfileFragment): 회원 정보 화면 일부 구현

de86666

- 회원의 이름, 사진, 소개글, 직무 정보를 보여주는 기능 구현

feat(MyProfileFragment): 회원의 프로필에서 활동 내역을 보여주는 기능 구현

a50e817

refactor(MyProfileScreenUiState): MyProfileScreenUiState의 속성명 변경

5a3192f

- oneLineIntroduce -> description

refactor(MyProfileFragment): 리사이클러 뷰 설정하는 코드 리팩터링

4577a10

refactor(fragment_my_profile): 바인딩 어댑터 속성명 변경

e66ba27

- jobs -> myprofile_jobs - activities -> myprofile_activities

feat(fragment_my_profile): xml 수정

b1e5ded

feat(item_myprofile_activities): xml 수정

81d00ed

refactor(MemberWithoutActivitiesApiModel): 클래스명 변경

a214fd6

- MemberApiModel1 -> MemberWithoutActivitiesApiModel

refactor(MyProfileFragment): 리사이클러 뷰들 초기화 하는 로직 리팩터링

8caac36

ki960213 requested review from tmdgh1592 and chws0508 July 30, 2023 04:50

ki960213 self-assigned this Jul 30, 2023

ki960213 added Android 안드로이드 관련 이슈 기능 추가 새로운 기능 추가 및 기존 기능 변경 High Priority 리뷰 우선순위가 높은 PR labels Jul 30, 2023

ki960213 added this to the 3차 스프린트 1주차 milestone Jul 30, 2023

ki960213 added 6 commits July 30, 2023 16:32

refactor(bg_myprofile_job.xml): 마이 프로필 화면의 직무 태그 배경의 파일명 변경

8b6ae13

- bg_myprofile_category.xml -> bg_myprofile_job.xml

refactor(color_bottom_navigation_view_icon.xml): 필요없는 주석 제거

5b5e0c5

feat(fragment_my_profile): 프로필 이미지가 원 모양으로 보이도록 변경

94cb706

feat(MyProfileFragment): 아래로 당기면 새로고침하는 기능 구현

c44439b

feat(fragment_my_profile.xml): progress bar가 화면의 가운데에 오도록 변경

bacd0ee

refactor(SwipeRefreshLayoutBindingAdapter): SwipeRefreshLayout의 새로고침 …

933d0bd

…호출 시 실행할 함수를 바인딩해주는 어댑터 구현

tmdgh1592 requested changes Jul 31, 2023

View reviewed changes

ki960213 added 5 commits July 31, 2023 17:40

refactor(Member1): 회원의 활동 목록을 요청하는 메서드 명 변경

aace342

- operator fun get(activityType: ActivityType) -> fun getActivities(activityType: ActivityType)

refactor(MemberRepository, MemberService): 데이터를 반환하는 함수들의 네이밍 패턴 변경

0319245

- fetchXxx() -> getXxx()

refactor(ActivitiesAssociatedByActivityType, ActivityApiModel): ApiMo…

696f2ac

…del 명 변경 - MemberActivitiesBindActivityTypeApiModel -> ActivitiesAssociatedByActivityType - MemberActivitiesApiModel -> ActivityApiModel

feat(LoginActivity): 로그인 성공 시 LoginActivity가 사라지도록 변경

b27e3a5

refactor(MainActivity): 변수명 변경

11582ed

- bnvMain -> mainBottomNavigationView

chws0508 requested changes Jul 31, 2023

View reviewed changes

ki960213 added 19 commits July 31, 2023 20:32

fix: 바뀐 api 명세에 맞춰 ApiModel 수정

8470ca7

fix(nanum_square.xml): 각 폰트마다 fontWeight 설정

0828bc2

- fontWeight를 설정해야 텍스트의 굵기마다 맞는 font를 선택할 수 있음

fix(fragment_my_profile.xml): 스크롤이 되지 않는 버그 수정

b7544c9

refactor(member/dto): 서버에서 받아오는 응답 dto에 @SerialName 추가

006b04a

feat(MemberService): 특정 회원의 활동 이력을 조회하는 Api의 수정에 따라 Service 코드 변경

e69b430

feat(MainActivity): 하단 내비게이션으로 프래그먼트를 선택할 때 show/hide 방식으로 보여주도록 변경

a218c2c

refactor(MyProfileFragment): 코드 컨벤션 지키도록 변경

d3948ce

feat(MyProfileFragment): 로그인 되어있지 않으면 로그인 화면으로 이동하도록 변경

d4781c6

fix(myProfile/adapter): areItemsTheSame 메서드와 areContentsTheSame 메서드 사…

e4dba6d

…용 목적에 따라 로직 수정

refactor(myProfile/adapter): 리사이클러 뷰 어댑터와 뷰 홀더 파일 분리

6a94947

refactor(MyProfileFragment): 리사이클러 뷰 아이템을 설정하는 로직을 바인딩 어댑터를 사용하는 게 아니…

f9f90d2

…라 프래그먼트에서 정의하도록 변경

refactor(ActivitiesAdapterDecoration): 싱글톤 패턴 제거

ef7d87a

feat(ImageViewBindingAdapter): 이미지 뷰 바인딩 어댑터로 에러 이미지를 설정할 수 있도록 변경

3913d17

refactor(MemberRepositoryImpl): 데이터 소스 모델과 데이터 모델을 매핑하는 로직을 Repositor…

bd24a29

…yImpl에서 Mapper로 옮김

fix(MemberServiceImpl): 회원 정보 요청 에러 해결

aeb2b30

- @query -> @path

feat(fragment_my_profile.xml): 내 프로필 화면의 한 줄 소개 너비 넓힘

f87e92e

feat: android-main과 머지

5a91bca

style: ktlint 적용

127a874

fix(IntExt): px 확장 변수 제거 및 dp 확장 변수 변경

f35a5de

chws0508 approved these changes Aug 1, 2023

View reviewed changes

tmdgh1592 approved these changes Aug 1, 2023

View reviewed changes

Merge remote-tracking branch 'origin/android-main' into Feature/#48-프…

bf98e2b

…로필_화면_구현 # Conflicts: # android/2023-emmsale/app/build.gradle.kts

ki960213 merged commit 69f1f4a into android-main Aug 1, 2023
0 of 2 checks passed

ki960213 deleted the Feature/#48-프로필_화면_구현 branch August 1, 2023 09:06

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/#48 프로필 화면 구현 #139

Feature/#48 프로필 화면 구현 #139

ki960213 commented Jul 30, 2023

tmdgh1592 left a comment

tmdgh1592 Jul 31, 2023

chws0508 Jul 31, 2023

ki960213 Jul 31, 2023

tmdgh1592 Jul 31, 2023

ki960213 Aug 1, 2023

tmdgh1592 Jul 31, 2023

ki960213 Jul 31, 2023 •

edited

Loading

tmdgh1592 Jul 31, 2023

ki960213 Jul 31, 2023

tmdgh1592 Jul 31, 2023

chws0508 Jul 31, 2023

tmdgh1592 Jul 31, 2023

chws0508 Jul 31, 2023

ki960213 Jul 31, 2023

chws0508 Jul 31, 2023

chws0508 Jul 31, 2023

chws0508 Jul 31, 2023

chws0508 Jul 31, 2023

chws0508 Jul 31, 2023

tmdgh1592 left a comment

		@@ -0,0 +1,7 @@
		package com.emmsale.data.activity

		data class Activity1(

		val activityType: String,
		val memberActivityResponses: List<MemberActivityApiModel>,

Feature/#48 프로필 화면 구현 #139

Feature/#48 프로필 화면 구현 #139

Conversation

ki960213 commented Jul 30, 2023

#️⃣연관된 이슈

📝작업 내용

스크린샷 (선택)

예상 소요 시간 및 실제 소요 시간

💬리뷰 요구사항(선택)

tmdgh1592 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

Choose a reason for hiding this comment

ki960213 Jul 31, 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tmdgh1592 left a comment

Choose a reason for hiding this comment

ki960213 Jul 31, 2023 •

edited

Loading