[AN/USER] feat: 홈 화면 인기 축제 목록 구현 및 Presentation 모듈 분리(#656) #664

SeongHoonC · 2024-01-20T02:28:39Z

📌 관련 이슈

홈 화면 작업 끝나고 이슈를 닫는게 좋을 것 같네요.
#656

✨ PR 세부 내용

작업한 내용은 다음과 같습니다.

Presentation 모듈 분리

기존 presentation 을 presentation-legacy 로 변경하고
presentation 모듈을 새로 추가하였습니다.

App 모듈의 Presentation-legacy 의존성 제거
presentation 은 presentation-legacy 의존성을 그대로 복사해서 가져옴
Util 및 BindingAdapter 복사해서 가져옴

모듈 분리 Commits

다크모드 와 라이트모드 통일

둘 다 배경 색을 background-gray-01 로 통일했습니다.
상태바, 하단 네비게이션 (핸드폰 기본입니다 바텀네비 아님) 둘 다 색깔을 배경색으로 통일했습니다.

TextStyle, ColorStyle 정의

피그마에서 그대로 뽑아서 가져왔습니다.

[바텀 네비게이션 생성 및 프로젝트 세팅 Commits] (https://github.com/woowacourse-teams/2023-festa-go/pull/664/files/0113956b2773829c309f0cc56989bad805255a00..2ee1d10b911766dd59d1b74bba709542f39065a0)

앱바 작성

앱바는 안드로이드 앱바를 쓰지 않고 constraint_layout 을 썼습니다.

축제 목록 화면 Commits

현재까지 완성된 화면

KakaoTalk_Video_2024-01-20-11-26-26.mp4

EmilyCh0

화면도 꽤 복잡하고 모듈 정리하는 것도 쉽지 않았을텐데 고생하셨습니다!! 👍

EmilyCh0 · 2024-01-20T05:57:55Z

android/festago/presentation/src/main/AndroidManifest.xml

+            android:exported="true"
+            android:screenOrientation="portrait">


세로 고정으로 가는군요ㅎㅎ 👍

EmilyCh0 · 2024-01-20T06:00:59Z

...festago/presentation/ui/home/festivallist/popularfestival/PopularFestivalViewPagerAdapter.kt

+class PopularFestivalViewPagerAdapter(
+    context: Context,
+    private val foregroundViewPager: ViewPager2,
+    private val backgroundViewPager: ViewPager2,
+) {


와 ViewPager 2개가 같이 돌아가니까 복잡하네요..

dimen을 사용하지 않는다면 ViewPagerAdapter에 context를 넘길 필요도 없을듯합니다! (리소스 접근 필요 없으니까)

EmilyCh0 · 2024-01-20T06:26:37Z

...festago/presentation/ui/home/festivallist/popularfestival/PopularFestivalViewPagerAdapter.kt

+    private fun setViewPagersOffscreenLimit(limit: Int) {
+        foregroundViewPager.offscreenPageLimit = limit
+        backgroundViewPager.offscreenPageLimit = limit
+    }


popularFestivals의 개수는 제한적일테니 이렇게 offscreenPageLimit을 설정해도 크게 문제는 없을 것 같은데, 사실 양쪽으로 1개씩만 limit으로 설정해도 번쩍이는 문제는 해결할 수 있지 않나요?? 🤔

EmilyCh0 · 2024-01-20T06:33:00Z

android/festago/presentation/src/main/res/values/dimens.xml

저희 이제 dimen 사용하나요??ㅎ.ㅎ 어떤 경우에 사용하는 게 좋을지 의견 궁금해요

re4rk

고생하셨습니다!
코멘트만 확인 부탁드려요!

re4rk · 2024-01-20T14:40:28Z

android/festago/presentation/src/main/res/layout/fragment_festival_list.xml

+                app:layout_constraintTop_toTopOf="@id/vpPopularFestivalBackground" />
+
+            <com.google.android.material.tabs.TabLayout
+                android:id="@+id/into_tab_layout"


카멜 케이스로 변경되어야 할 것같습니다!

re4rk · 2024-01-20T14:42:25Z

...resentation-legacy/src/main/java/com/festago/festago/presentation/util/LifecycleOwnerUtil.kt

+import androidx.lifecycle.repeatOnLifecycle
+import kotlinx.coroutines.launch
+
+fun repeatOnStarted(lifecycleOwner: LifecycleOwner, action: suspend () -> Unit) {


util들은 common으로 가는 것이 어떤가요?
저희 최종 presentation layer가 하나로 존재할테니 임시로 중복을 허용해도 괜찮을라나요??

근데 이 유틸이 presentation 에 한정적인 유틸이라 common 으로 가면 안될 것 같아요.
저는 임시로 중복을 허용하는게 좋다고 생각해요..!

re4rk · 2024-01-20T14:45:34Z

android/festago/settings.gradle.kts

+include(":data-legacy")
+include(":presentation-legacy")
 include(":common")
+include(":presentation")


Suggested change

include(":data-legacy")

include(":presentation-legacy")

include(":common")

include(":presentation")

include(":common")

include(":data-legacy")

include(":presentation")

include(":presentation-legacy")

레이어를 분리하면서 정렬이 필요하다고 느껴지네요!

알파벳 순서

기능별로 정리

정리 없이 자동 추가에 의존한다.

어떤 방향성을 원하시나요?

별로 신경 안썼던 부분은데 기능별로 정리하는게 좋겠네요!

re4rk · 2024-01-20T14:45:56Z

android/festago/presentation/src/test/java/com/festago/festago/ExampleUnitTest.kt

+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {


사용하지 않는 테스트 케이스는 제거해도 괜찮을 것같습니다!

테스트 패키지가 안올라가서 그대로 두었습니다!
삭제하고 gitkeep 으로 변경할게요!

re4rk · 2024-01-20T14:48:33Z

android/festago/presentation/src/main/res/values/styles.xml

+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="H2Bold20Lh24">


디자이너 분들이라 그런지 네이밍 좋네요.

re4rk · 2024-01-20T14:55:40Z

android/festago/presentation/src/main/res/menu/menu_bottom_navigation.xml


    <item
-        android:id="@+id/item_mypage"
+        android:id="@+id/item_my_page"


Suggested change

android:id="@+id/item_my_page"

android:id="@+id/itemMyPage"

카멜 케이스로 바꿔야 할 것같습니다!

확인했는데 이걸 또...ㅜㅜ

re4rk · 2024-01-20T14:56:10Z

android/festago/presentation/src/main/res/layout/item_popular_festival_foreground.xml

+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <data>


데이터를 가장 밑으로 내리신 이유가 있을까요?

re4rk · 2024-01-20T15:02:10Z

android/festago/presentation/src/main/res/layout/fragment_festival_list.xml


-        <androidx.coordinatorlayout.widget.CoordinatorLayout
+        <androidx.constraintlayout.widget.ConstraintLayout


여기는 LinearLayout으로 변경하면 성능 상의 이점도 있고 코드도 더욱 간결해질 것 같습니다!

처음에 Linear 로 만들었습니다. 간격 맞추기가 쉽지않아서 변경했습니다만 흠 가능할까요?

margin을 통해서 맞추면 가능 할 것같습니다만 이대로 진행해도 문제 없을 것 같습니다!

SeongHoonC added 18 commits January 18, 2024 10:35

chore: 모듈명 변경 presentation-legacy, data-legacy

72d7c8b

chore: 새로운 presentation 모듈 생성

0113956

feat: 바텀 네비게이션 디자인 구현

9de5b02

feat: 시스템 상태 바, 네비게이션 바, 디폴드 배경 색상 하얀색으로 통일

2f37733

feat: 바텀 프레그먼드 변경 로직 구현

8d8bab7

feat: gradle ktlint 추가

4cc12c2

feat: bindingAdapter 작성

41fe294

feat: textStyle 및 textColor 추가

2ee1d10

feat: 인기 축제 uiState 정의

555ecf9

feat: 인기 축제 foreground ListAdapter 정의

6fadd72

feat: 인기 축제 background ListAdapter 정의

4216fac

feat: 커스텀 viewpager festival adapter 정의

4e0736f

feat: 축제 목록 화면 Fragment 정의

0cce5ca

feat: 홈 화면 프레그먼트간 이동 액티비티 정의

3c672fa

feat: uiState 이름 변경

3f603c6

feat: FestivalList viewModel 생성 및 상태 정의

eb8ab9d

feat: 축제 목록 앱바 정의

eefd91f

feat: 홈화면 세로 고정

2c9e681

SeongHoonC added AN 안드로이드에 관련된 작업 USER labels Jan 20, 2024

SeongHoonC self-assigned this Jan 20, 2024

SeongHoonC linked an issue Jan 20, 2024 that may be closed by this pull request

[AN] 축제 목록 화면 작업 (API 연동 제외) #656

Closed

github-actions bot requested review from EmilyCh0 and re4rk January 20, 2024 02:28

refactor: ktlint check

a1cc7de

EmilyCh0 approved these changes Jan 20, 2024

View reviewed changes

SeongHoonC added 3 commits January 20, 2024 17:51

refactor: dimens 제거 및 off screen limit 3으로 변경

71ef3c4

refactor: dimens 파일 제거

7883011

fix: dp to px 변환으로 원한는대로 비율 조정

6af1e92

re4rk approved these changes Jan 20, 2024

View reviewed changes

SeongHoonC added 7 commits January 21, 2024 00:59

chore: 사용하지 않는 테스트 제거

8e790fb

refactor: data 위치 변경

859bd37

chore: 모듈 이름 순서 정리

004003f

refactor: 이름 카멜 케이스로 변경

3b17938

feat: 이미지 사이즈가 디바이스 가로 길이에 따라 변경되도록 대응

de1a6db

feat: 가로 마진을 24dp 의 절반 12 만큼 제한

61cfede

feat: 가로 마진 제거

0ac0251

re4rk merged commit 5e52130 into dev Jan 21, 2024
1 check passed

re4rk deleted the feat/#656 branch January 21, 2024 14:35

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[AN/USER] feat: 홈 화면 인기 축제 목록 구현 및 Presentation 모듈 분리(#656) #664

[AN/USER] feat: 홈 화면 인기 축제 목록 구현 및 Presentation 모듈 분리(#656) #664

SeongHoonC commented Jan 20, 2024 •

edited

Loading

EmilyCh0 left a comment

EmilyCh0 Jan 20, 2024

EmilyCh0 Jan 20, 2024

EmilyCh0 Jan 20, 2024

EmilyCh0 Jan 20, 2024

EmilyCh0 Jan 20, 2024

re4rk left a comment

re4rk Jan 20, 2024

re4rk Jan 20, 2024

SeongHoonC Jan 20, 2024

re4rk Jan 20, 2024

SeongHoonC Jan 20, 2024

re4rk Jan 20, 2024

SeongHoonC Jan 20, 2024

re4rk Jan 20, 2024

re4rk Jan 20, 2024

SeongHoonC Jan 20, 2024

re4rk Jan 20, 2024

re4rk Jan 20, 2024

SeongHoonC Jan 20, 2024

re4rk Jan 21, 2024

		android:exported="true"
		android:screenOrientation="portrait">


		<androidx.coordinatorlayout.widget.CoordinatorLayout
		<androidx.constraintlayout.widget.ConstraintLayout

[AN/USER] feat: 홈 화면 인기 축제 목록 구현 및 Presentation 모듈 분리(#656) #664

[AN/USER] feat: 홈 화면 인기 축제 목록 구현 및 Presentation 모듈 분리(#656) #664

Conversation

SeongHoonC commented Jan 20, 2024 • edited Loading

📌 관련 이슈

✨ PR 세부 내용

Presentation 모듈 분리

다크모드 와 라이트모드 통일

TextStyle, ColorStyle 정의

인기 축제 목록 구현

앱바 작성

현재까지 완성된 화면

EmilyCh0 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

re4rk 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

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

SeongHoonC commented Jan 20, 2024 •

edited

Loading