[Feature] 버스 리뉴얼 - 셔틀버스 시간표 개요 #459

ThirFir · 2024-11-05T14:43:11Z

개요

버스 리뉴얼 진행
셔틀 버스 시간표 목록 스크린
읽기 전용(선택 불가) 칩 컴포넌트
흰색 배경 Surface 컴포넌트
Kotlin Serialization Navigation

Screenshot 📸

Jokwanhee

컴포즈 코드 재밌네요 ☺️
컴포즈 관련해서 궁금한게 많아서.. 질문좀 넣어놨습니다. !!
어프로브는 미리해놓을게요~ 템플릿 코드들 같아서~

Jokwanhee · 2024-11-05T15:34:17Z

feature/bus/build.gradle.kts


    implementation(platform(libs.compose.bom))
    implementation(libs.bundles.compose.m3)

    debugImplementation(libs.bundles.compose.debug.test)
    androidTestImplementation(libs.compose.ui.test.manifest)
+
+    implementation("androidx.navigation:navigation-compose:2.8.3")


혹시 이렇게 쓴 이유가 없으면, toml 파일 사용해주시면 감사하겠습니다 🙇🏻

지금 toml에서 2.7.7 쓰고 있는데 navigation 2.8.0 부터 Kotlin Serializable을 사용한 방식이 도입됐습니다 !
근데 막 올리면 2.7.7 사용하던 비즈니스 모듈에 무슨 문제가 생길지 예상이 안돼서 분리했습니다 ㅠㅠ

Jokwanhee · 2024-11-05T15:36:40Z

feature/bus/src/main/java/in/koreatech/bus/Bus2Activity.kt

-
+                BusNavigation(
+                    modifier = Modifier.fillMaxSize(),
+                    navController = rememberNavController(),


BusNavigation 함수에서도 default value로 rememberNavController 넣어줬던데, default value 설정하고 밖에서 넣어주면 무슨 이점이 있나요?

default로 두면 Preview할 때 navController를 주지 않아도 되는 점이 장점인 거 같아용
굳이 Activity에서 만들어서 넘길 필요는 없는 것 같긴해요 (아직까지는 그렇게만 느꼈어요)

Jokwanhee · 2024-11-05T15:40:29Z

feature/bus/src/main/java/in/koreatech/bus/Bus2Activity.kt

@@ -16,7 +21,10 @@ class Bus2Activity : AppCompatActivity() {
        setContentView(R.layout.activity_bus2)
        findViewById<ComposeView>(R.id.compose_view_bus).setContent {
            MaterialTheme {


Theme 설정을 KoinTheme 로 하지 않은 이유가 있나요? 👀

아직 뷰 만드는 작업만 해서 그렇습니다 !!
나중에 바꿀게욥

Jokwanhee · 2024-11-05T15:51:57Z

feature/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/BusTimetableScreen.kt

+                        style = KoinTheme.typography.bold20
+                    )
+                    Spacer(modifier = Modifier.height(8.dp))
+                    LeadingIconText(


LeadingIconText 컴포저블 내부 확인해보니 아이콘 리소스를 파라미터로 기본형 타입 넘겨주더라도 리컴포지션이 발생하더라구요! 그래서 저도 StableIcon라고 만들어놓으면서 @stable 을 명시해줬어요 🥲
아니면 Icon 말고 Image 를 사용해야 하더라구요...

오잉 상위 리컴포지션 발생 시 LeadingIconText도 같이 리컴포지션 되나요 ?!

어머 죄송합니다. 이게 제 StableIcon에는 modifier 을 넣어주어서 리컴포지션이 발생했었던 이슈였네요..
저 LeadingIconText 는 상관 없을 것 같습니다 😅

Jokwanhee · 2024-11-05T15:54:04Z

feature/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/BusTimetableScreen.kt

+    viewModel: BusTimetableViewModel = hiltViewModel()
+) {
+
+    var selectedTimetableTypeTabIndex by rememberSaveable { mutableIntStateOf(0) }


까먹고 있었던 코드인데, 다시 상기해주셔서 감사합니다 👀 리팩토링할 때 넣어봐야겠어요

Jokwanhee · 2024-11-05T15:54:33Z

feature/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/BusTimetableScreen.kt

+
+            stickyHeader {
+                KoinTabRow(
+                    titles = BusType.entries.map { stringResource(it.titleRes) },


(단순 질문 🙋) 컴포넌트로 만들때, 컬렉션을 넘겨줄 경우 따로 Immutable 사용은 안하나요?

오.. 이거는 신경못썼던 부분이네요 👍
divider랑 indicator가 람다라서 @stable을 붙이기에는 애매한 거 같고... List를 ImmutableList로 설정하는 게 맞는 거 같은데... 근데 그러자니 모든 모듈에 ImmutableList dependency를 추가해야하고... 어렵다...
좀 더 생각해볼게여... 🥺

Jokwanhee · 2024-11-05T16:00:02Z

...ure/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/ShuttleTimetableScreen.kt

+) {
+
+    var selectedRouteTypeIndex by rememberSaveable { mutableIntStateOf(ShuttleBusRouteType.ALL.ordinal) }
+    val context = LocalContext.current


context 사용할 때, 함수 파라미터로 옮기면 더 확장성이 있을 것 같은데... 혹시 이렇게 사용하는 이유가 따로 있는걸까요? (맨 첫 화면이라서 그런가요? 🤔)

Context를 외부에서 주입하자는 말씀이신가요??
context를 사실 컴포저블들에서 별로 사용할 일이 없어서 전 이렇게 하는데, 혹시 어떤 점에서 확장성이 좋을 것 같다는 말씀이신가용??

@Composable fun Screen( context: Context= LocalContext.current ) { ... }

저는 위처럼 많이 사용하긴 하는데, 파라미터로 호출자가 직접 context를 전달할 수 있어서 유연하지 않을까? 생각해봤는데, 컴포즈에서는 주로 어떤 방식을 사용하는 지 궁금해서 물어봤었어요!

주로 어떤 방식을 쓰는진 잘 모르겠는데, 제가 봐온 코드에서는 거의 Composable안에서 선언해줬던 것 같습니답

Jokwanhee · 2024-11-05T16:02:46Z

...ure/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/ShuttleTimetableScreen.kt

+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons


material2를 사용하면 Icon 가지고올 수 있어서 개꿀인것같아요. 이번에 쓰면서 m3 에 없길래 당황했었는데 🫠

이거 m2에여??
저 bus에 m2 추가안했는데 ....? 🧐

오잉 저 라이브러리 material2 아닌가? 뭐지 ㅋㅋ 근데 m2 추가는 안되어있는데 m3 추가하면 저것도 생기는건가.. 🤔

https://mvnrepository.com/artifact/androidx.compose.material3/material3/1.3.1

한번 찾아봤는데 `androidx.compose.material:material3' 요 패키지에 아이콘이랑 ripple 같이 Material2, 3에서 공통적으로 쓰이는 요소들은 그대로 쓰이나봐요 🙄

대신 찾아드립니다 ㄷㄷ

nodobi

고생하셨습니다!

nodobi · 2024-11-06T07:48:29Z

...nsystem/src/main/java/in/koreatech/koin/core/designsystem/component/chip/ReadOnlyTextChip.kt

+/**
+ * 선택 불가한 텍스트 칩
+ * @param title 텍스트
+ * @param modifier Modifier
+ * @param containerColor 칩 배경색
+ * @param textStyle 텍스트 스타일
+ * @param shape 칩 모양
+ * @param contentPadding 칩 내부 padding
+ */
+@Composable


컴포넌트 추가할 때 마다 주석 달아주시는거 너무 좋아요!!
매번 감사하게 가져다가 쓰고 있습니다 🙇‍♂️

nodobi · 2024-11-06T08:09:14Z

feature/bus/src/main/java/in/koreatech/bus/screen/timetable/type/BusType.kt

+internal enum class BusType(
+    @StringRes val titleRes: Int
+) {
+    SHUTTLE(R.string.tab_shuttle),
+    EXPRESS(R.string.tab_express),
+    CITY(R.string.tab_city),
+}


이렇게 정의해두니까 되게 깔끔하네요 좋은 거 같습니당

레전드 enum Lover에요

nodobi · 2024-11-06T08:15:57Z

...ure/bus/src/main/java/in/koreatech/bus/screen/timetable/composable/ShuttleTimetableScreen.kt

+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons


https://mvnrepository.com/artifact/androidx.compose.material3/material3/1.3.1

한번 찾아봤는데 `androidx.compose.material:material3' 요 패키지에 아이콘이랑 ripple 같이 Material2, 3에서 공통적으로 쓰이는 요소들은 그대로 쓰이나봐요 🙄

ThirFir added 13 commits November 5, 2024 23:11

add: 2.8.3 compose 네비게이션 의존성 및 ktx Serialization

33c5b98

add: 버스 스크린 상단 UI

dfa1a46

fix: ChipGroup 매개변수 순서 변경

7b01d1e

add: 셔틀 노선 strings

6129d05

add: 셔틀 노선 Route Type

c51ecbe

add: 셔틀 시간표 스크린 상단 칩

a08cbaf

add: 셔틀 시간표 화면 base

b00b48c

add: 하얀 바탕 Surface 컴포넌트

9ab1b35

add: 읽기 전용 텍스트 칩 컴포넌트

e8b8dbf

fix: TopAppBar 컴포넌트 TextStyle parameter 추가

4a1dbb0

add: Bus feature ImmutableList dependency

d828286

add: 셔틀버스 시간표 첫 화면 추가 (with. 임시 데이터 포맷)

0d98019

add: BusTimetableViewModel base

ffe957d

ThirFir self-assigned this Nov 5, 2024

ThirFir requested a review from a team as a code owner November 5, 2024 14:43

github-actions bot added the feature label Nov 5, 2024

Jokwanhee approved these changes Nov 5, 2024

View reviewed changes

ThirFir force-pushed the feature/bus-renewal branch 2 times, most recently from 8dce681 to ffe957d Compare November 5, 2024 19:44

nodobi approved these changes Nov 6, 2024

View reviewed changes

ThirFir merged commit cff1b23 into develop Nov 6, 2024
1 check passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feature] 버스 리뉴얼 - 셔틀버스 시간표 개요 #459

[Feature] 버스 리뉴얼 - 셔틀버스 시간표 개요 #459

ThirFir commented Nov 5, 2024

Jokwanhee left a comment

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 6, 2024

Jokwanhee Nov 5, 2024

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024

Jokwanhee Nov 6, 2024

ThirFir Nov 6, 2024

Jokwanhee Nov 5, 2024

ThirFir Nov 5, 2024 •

edited

Loading

Jokwanhee Nov 6, 2024

nodobi Nov 6, 2024

ThirFir Nov 6, 2024

nodobi left a comment

nodobi Nov 6, 2024

nodobi Nov 6, 2024

ThirFir Nov 6, 2024 •

edited

Loading

nodobi Nov 6, 2024

[Feature] 버스 리뉴얼 - 셔틀버스 시간표 개요 #459

[Feature] 버스 리뉴얼 - 셔틀버스 시간표 개요 #459

Conversation

ThirFir commented Nov 5, 2024

개요

Screenshot 📸

Jokwanhee left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 5, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 5, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 5, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 5, 2024 • 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

ThirFir Nov 5, 2024 • 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

ThirFir Nov 5, 2024 • 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

nodobi left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 6, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 5, 2024 •

edited

Loading

ThirFir Nov 6, 2024 •

edited

Loading