feat: 웹소설 여러 플랫폼 대응 #531

junseo511 · 2025-01-09T18:23:48Z

📌𝘐𝘴𝘴𝘶𝘦𝘴

closed feat: 웹소설 여러 플랫폼 대응 #518

📎𝘞𝘰𝘳𝘬 𝘋𝘦𝘴𝘤𝘳𝘪𝘱𝘵𝘪𝘰𝘯

컴포즈 관련 의존성 추가
컴포즈가 가진 기본 클릭 효과를 없애는 확장 컴포넌트 추가
기존 플랫폼 로딩 로직 개선
컴포즈 컴포넌트 추가

📷𝘚𝘤𝘳𝘦𝘦𝘯𝘴𝘩𝘰𝘵

CPU 점유율 상으로 39% -> 33% (약 18%차이)의 성능 개선이 있었습니다

Screen_recording_20250110_030851.mp4

💬𝘛𝘰 𝘙𝘦𝘷𝘪𝘦𝘸𝘦𝘳𝘴

컴포즈 가보자구요~

m6z1

고생하셔써요 컴포즈 신기하구만요
세팅도 감사합니다 👍

m6z1 · 2025-01-11T07:16:53Z

app/src/main/java/com/into/websoso/ui/novelInfo/component/NovelInfoPlatformsContainer.kt

+import com.into.websoso.common.util.getS3ImageUrl
+import com.into.websoso.ui.novelInfo.model.PlatformModel
+
+@OptIn(ExperimentalLayoutApi::class)


a: 옹 이건 무슨 어노테이션인가여 ?

Jetpack Compose에서 실험적으로 운용하는 컴포넌트를 말합니다!
저희가 사용하는 컴포즈 버전이 변동된다면 수정사항이 생길 수 있습니다.
Flow는 다른 Grid 컴포넌트와 달리 높이가 가변적이어서 Chip 등을 표현할 때 유리합니다 :)

m6z1 · 2025-01-11T07:34:11Z

app/src/main/java/com/into/websoso/ui/novelInfo/component/PlatformCard.kt

+                shape = RoundedCornerShape(12.dp),
+                width = 1.dp,
+                color = Color.Transparent,
+            )


a: 오 컴포즈 대박이다

m6z1 · 2025-01-11T07:34:59Z

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

-            <LinearLayout
-                android:id="@+id/ll_novel_info_platforms"
-                android:layout_width="wrap_content"
+            <androidx.compose.ui.platform.ComposeView


a: 짱 신기

s9hn · 2025-01-14T06:40:05Z

app/src/main/java/com/into/websoso/ui/novelInfo/component/PlatformCard.kt

+    platformImage: String,
+    onClick: () -> Unit,
+) {
+    AsyncImage(


�r: AsyncImage는 따로 컴포넌트로 분리하면 좋을 것 같아요!
common - ui 쪽에 component 하나 뚫어서 공용 컴포넌트로 만들어주시죠!

이거 필요할 것 같아요!

아 좋은거같습니다 제가 한 번 맛깔나게 말아보죠 👍

librarywon

고생 많으셨습니다!

librarywon · 2025-01-12T11:04:48Z

app/build.gradle.kts

@@ -68,6 +72,7 @@ dependencies {
    implementation("androidx.appcompat:appcompat:1.6.1")
    implementation("com.google.android.material:material:1.11.0")
    implementation("androidx.constraintlayout:constraintlayout:2.1.4")
+    implementation("androidx.compose.ui:ui-android:1.7.6")


r: 아래 컴포즈를 모아두신 것 같은데 이 친구만 여기 있네요?

헐 그러게요 버전 카탈로그 풀땡기고 옮겨야겠어요

librarywon · 2025-01-12T11:05:51Z

app/src/main/java/com/into/websoso/common/ui/component/ClickableWithoutRipple.kt

+import androidx.compose.ui.Modifier
+
+@Composable
+fun Modifier.clickableWithoutRipple(


c: 이건 모디파이어의 확장함수인데 파일 이름이 Modifier 익스텐션이 좋지 않을까요?

이런 것들도 일종의 컴포넌트라고 생각해서 Modifier 확장함수만 따로 묶는건 안하려고 했는데 어떻게 생각하시는지...?!

Modifier 함수가 컴포넌트라고 말씀하시는건 동의하기가 어렵네요

'UI를 구성하거나 특정 기능을 수행하는 독립적인 요소'라는 컴포넌트의 정의를 생각해 본다면 Modifier의 확장함수 역시 컴포넌트라고 정의할 수 있다고 생각합니다! 그리고 만약 특정 기능을 수행하는 확장 컴포넌트를 사용하고 싶은 경우에, Modifier의 확장함수임을 인지하지 못한 상태로 해당 기능을 찾으려고 한다면 오히려 가독성 측면에서 떨어진다고 생각했습니다 :)

제가 Modifier.clickableWithoutRipple가 독립적으로 존재 가능한가요? 컴포넌트의 속성으로 상당히 의존적인 친구 같지 않나요?

Modifier.clickableWithoutRipple 기능을 포함한 새로운 이미지 컴포넌트를 만든다면 컴포넌트라고 정의 가능해보입니다

음...! 의존적이라는 측면에서는 수긍하고 파일을 분리하겠습니다!! 하지만 Modifier의 확장함수임에도 독자적인 기능이 있는 경우에도 고려해보면 좋을 것 같아요. 확장 컴포넌트를 사용하는 사람들이 Modifier의 확장함수인지 인지하지 못하는 경우도 고려해봐야 할 것 같구요!

librarywon · 2025-01-14T06:43:53Z

app/src/main/java/com/into/websoso/ui/novelInfo/component/PlatformCard.kt

+    platformImage: String,
+    onClick: () -> Unit,
+) {
+    AsyncImage(


이거 필요할 것 같아요!

librarywon · 2025-01-14T07:16:47Z

app/src/main/java/com/into/websoso/common/ui/component/ClickableWithoutRipple.kt

+    enabled: Boolean = true,
+    interactionSource: MutableInteractionSource = MutableInteractionSource(),
+    onClick: () -> Unit,


c: 그리고 이 파라미터들은 꼭 필요한건가요? enable 속성을 false로 하는 경우가 있는지 interactionSource를 새로 받거나

interactionSource는 빼도 좋을 것 같네요! 사실 사용할 일이 잘 없는 친구라서요! enabled 같은 경우에는 종종 버튼을 비활성화한다거나 하는 기능 등에서 필요 할 것 같아요!! 일부 조건에서 버튼 회색 + 클릭 비활성화 등이 필요한 경우에요!

그런거라면 필요할 때 추출하는건 어떨까요?
가급적이면 공용 컴포넌트 및 확장함수는 팀원과 상의하고 당위성을 느낀 경우에 추출해도 좋겠습니다

아예 빼두지 않는 편이 나은 것 같다는 뜻일까요...?! 컴포즈의 기본 클릭 이펙트를 없앨 indication = null는 각각의 clickable에서 사용할 때마다 직접 붙이는 것이 나을까요??? 이건 저스트 질문!!

근데 우리 모든 상호작용 UX는 호버없이 구현하기로 픽스됐었나요?

현재 앱 내의 거의 모든 상호작용이 리플효과 없이 이루어지고 있지 않나요?

네 대부분 리플을 제거 해달라고 했습니다

그럼 전 빼도 좋을듯!

…o feat/518 # Conflicts: # app/build.gradle.kts

github-actions · 2025-01-14T09:52:18Z

app/src/main/java/com/into/websoso/ui/novelInfo/component/PlatformCard.kt

+                width = 1.dp,
+                color = Color.Transparent,
+            )
+            .clickableWithoutRipple { onClick() },


🚫 [ktlint] standard:chain-method-continuation _{reported by reviewdog 🐶}
Unexpected newline before '.'

librarywon

고생 많으셨습니다!

…o feat/518 # Conflicts: # gradle/libs.versions.toml

librarywon · 2025-01-15T03:01:47Z

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

@@ -216,6 +190,7 @@
                    android:background="@color/gray_50_F4F5F8"
                    app:isVisible="@{novelInfoViewModel.uiState.novelInfoModel.isAttractivePointsExist}"
                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.0"


r: 오 이거 필요한가용?

feat: 웹소소 컴포즈 대응 디자인 시스템 추가

github-actions · 2025-01-15T08:44:04Z

app/src/main/java/com/into/websoso/designsystem/theme/Theme.kt

+}
+
+@Composable
+fun ProvideWebsosoTypography(typography: WebsosoTypography, content: @Composable () -> Unit) {


🚫 [ktlint] standard:function-signature _{reported by reviewdog 🐶}
Newline expected after opening parenthesis

github-actions · 2025-01-15T08:44:04Z

app/src/main/java/com/into/websoso/designsystem/theme/Theme.kt

+}
+
+@Composable
+fun ProvideWebsosoTypography(typography: WebsosoTypography, content: @Composable () -> Unit) {


🚫 [ktlint] standard:function-signature _{reported by reviewdog 🐶}
Parameter should start on a newline

github-actions · 2025-01-15T08:44:04Z

app/src/main/java/com/into/websoso/designsystem/theme/Theme.kt

+}
+
+@Composable
+fun ProvideWebsosoTypography(typography: WebsosoTypography, content: @Composable () -> Unit) {


🚫 [ktlint] standard:function-signature _{reported by reviewdog 🐶}
Newline expected before closing parenthesis

github-actions · 2025-01-15T08:44:04Z

app/src/main/java/com/into/websoso/designsystem/theme/Type.kt

+        caption: TextStyle = this.caption,
+        button: TextStyle = this.button,
+        label: TextStyle = this.label,
+    ): WebsosoTypography = WebsosoTypography(


🚫 [ktlint] standard:function-signature _{reported by reviewdog 🐶}
Newline expected before expression body

github-actions · 2025-01-15T08:44:04Z

app/src/main/java/com/into/websoso/designsystem/theme/Type.kt

+        fontWeight: FontWeight,
+        fontSizeDp: Dp,
+        lineHeightDp: Dp,
+    ): TextStyle {


🚫 [ktlint] standard:function-expression-body _{reported by reviewdog 🐶}
Function body should be replaced with body expression

junseo511 added 4 commits January 10, 2025 03:09

feat: 컴포즈 라이브러리 의존성 추가

30cd09f

refactor: 플랫폼 로딩 로직 개선

5eaa5cd

feat: 클릭 관련 확장 컴포넌트 추가

7c82cb1

feat: 플랫폼 연결 컴포즈로 전환

5ed2c98

junseo511 added 🍯 [FEAT] 새로운 기능을 개발합니다. 🔮 법사 준서 아카데미의 천재 마법사 labels Jan 9, 2025

junseo511 added this to the 1차 스프린트 milestone Jan 9, 2025

junseo511 requested a review from m6z1 January 9, 2025 18:23

junseo511 self-assigned this Jan 9, 2025

junseo511 requested review from librarywon and m6z1 and removed request for m6z1 and librarywon January 9, 2025 18:26

m6z1 approved these changes Jan 11, 2025

View reviewed changes

junseo511 requested a review from librarywon January 14, 2025 05:46

s9hn requested changes Jan 14, 2025

View reviewed changes

librarywon suggested changes Jan 14, 2025

View reviewed changes

librarywon reviewed Jan 14, 2025

View reviewed changes

junseo511 added 5 commits January 14, 2025 18:32

Merge branch 'develop' of https://github.com/Team-WSS/WSS-Android int…

a6c13aa

…o feat/518 # Conflicts: # app/build.gradle.kts

refactor: 컴포즈 라이브러리를 버전 카탈로그로 이전

1761be6

refactor: 파일명 수정

30ff06c

refactor: 불필요한 인자 제거

49a0a80

feat: 이미지 확장 컴포넌트 추가

9e19705

github-actions bot reviewed Jan 14, 2025

View reviewed changes

librarywon approved these changes Jan 14, 2025

View reviewed changes

junseo511 added 3 commits January 14, 2025 23:09

refactor: 불필요한 임포트 제거

fd4d3f6

Merge branch 'develop' of https://github.com/Team-WSS/WSS-Android int…

64db10a

…o feat/518 # Conflicts: # gradle/libs.versions.toml

feat: 자동 이미지 검증 로직 추가

6b30393

librarywon reviewed Jan 15, 2025

View reviewed changes

refactor: 불필요한 속성 제거

ad09ef3

refactor: 함수 이동

e8ed601

junseo511 requested a review from s9hn January 15, 2025 03:10

junseo511 added 6 commits January 15, 2025 13:12

feat: 웹소소 폰트 추가

dfaf038

feat: 웹소소 컬러 추가

7743686

feat: 웹소소 테마 추가

52313da

refactor: 테마에서의 컬러 시스템 수정

4823005

refactor: 폰트 함수 분리

47515e1

refactor: 이미지 라이브러리 컴포넌트 분리

7148332

s9hn approved these changes Jan 15, 2025

View reviewed changes

Merge pull request #543 from Team-WSS/feat/542

3c4908b

feat: 웹소소 컴포즈 대응 디자인 시스템 추가

junseo511 merged commit c3d762c into develop Jan 15, 2025
1 check failed

github-actions bot reviewed Jan 15, 2025

View reviewed changes

m6z1 deleted the feat/518 branch January 23, 2025 08:01

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 웹소설 여러 플랫폼 대응 #531

feat: 웹소설 여러 플랫폼 대응 #531

junseo511 commented Jan 9, 2025 •

edited

Loading

m6z1 left a comment

m6z1 Jan 11, 2025

junseo511 Jan 13, 2025

m6z1 Jan 11, 2025

m6z1 Jan 11, 2025

s9hn Jan 14, 2025 •

edited

Loading

librarywon Jan 14, 2025

junseo511 Jan 14, 2025

librarywon left a comment

librarywon Jan 12, 2025

junseo511 Jan 14, 2025

librarywon Jan 12, 2025

junseo511 Jan 14, 2025

librarywon Jan 14, 2025 •

edited

Loading

junseo511 Jan 14, 2025

librarywon Jan 14, 2025

junseo511 Jan 14, 2025

librarywon Jan 14, 2025

librarywon Jan 14, 2025

junseo511 Jan 14, 2025

s9hn Jan 14, 2025

junseo511 Jan 14, 2025 •

edited

Loading

s9hn Jan 14, 2025

junseo511 Jan 14, 2025 •

edited

Loading

librarywon Jan 14, 2025

s9hn Jan 15, 2025

github-actions bot Jan 14, 2025

librarywon left a comment

librarywon Jan 15, 2025

github-actions bot Jan 15, 2025

github-actions bot Jan 15, 2025

github-actions bot Jan 15, 2025

github-actions bot Jan 15, 2025

github-actions bot Jan 15, 2025

feat: 웹소설 여러 플랫폼 대응 #531

feat: 웹소설 여러 플랫폼 대응 #531

Conversation

junseo511 commented Jan 9, 2025 • edited Loading

📌𝘐𝘴𝘴𝘶𝘦𝘴

📎𝘞𝘰𝘳𝘬 𝘋𝘦𝘴𝘤𝘳𝘪𝘱𝘵𝘪𝘰𝘯

📷𝘚𝘤𝘳𝘦𝘦𝘯𝘴𝘩𝘰𝘵

💬𝘛𝘰 𝘙𝘦𝘷𝘪𝘦𝘸𝘦𝘳𝘴

m6z1 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

s9hn Jan 14, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

librarywon 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

librarywon Jan 14, 2025 • 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

junseo511 Jan 14, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

junseo511 Jan 14, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

github-actions bot Jan 14, 2025

Choose a reason for hiding this comment

librarywon left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

github-actions bot Jan 15, 2025

Choose a reason for hiding this comment

github-actions bot Jan 15, 2025

Choose a reason for hiding this comment

github-actions bot Jan 15, 2025

Choose a reason for hiding this comment

github-actions bot Jan 15, 2025

Choose a reason for hiding this comment

github-actions bot Jan 15, 2025

Choose a reason for hiding this comment

junseo511 commented Jan 9, 2025 •

edited

Loading

s9hn Jan 14, 2025 •

edited

Loading

librarywon Jan 14, 2025 •

edited

Loading

junseo511 Jan 14, 2025 •

edited

Loading

junseo511 Jan 14, 2025 •

edited

Loading