[Session] 세션 상세 - 발표 개요 #217
Conversation
| @Preview | ||
| @Composable | ||
| private fun SessionDetailTopAppBarPreview() { | ||
| KnightsTheme { | ||
| SessionDetailTopAppBar { } | ||
| } | ||
| } |
There was a problem hiding this comment.
Preview 함수들은 파일 하단에 모아두면 어떨까요?
개발자가 위에서부터 UI 코드 문맥을 파악할 때 관심사를 가질 UI 로직이 위에 밀집되어 있는게 좋아보입니다.
There was a problem hiding this comment.
개인적으로 함수의 순서는
ViewModel을 전달 받는 함수 하나(State를 전달 받을 수도 있을거구요.
@Composable
fun 외부에서 보여지는 함수() {}
@Composable
private/internal fun 프리뷰를 위한 함수() {}
@Preview
@Composable
internal fun Preview에 함수이름() {}
요런식으로 구반하고 사용하고 있습니다.
위치는 프리뷰가 가장 아래이고요. 아무래도 프리뷰를 통해 이것저것 UI 확인이 가능하기도하니 테스트 코드도 포함될수도 있고요.
There was a problem hiding this comment.
확실히 테스트코드 영역을 별도로 분리하니 코드리뷰시에 불필요한 테스트코드를 확인하는 일을 줄일 수 있어서 더욱 좋아보입니다.
코멘트 감사합니다. 반영하였습니다. 4f8325d
feature/session/src/main/java/com/droidknights/app2023/feature/session/SessionDetailScreen.kt
Outdated
Show resolved
Hide resolved
| if (session.content.isNotEmpty()) { | ||
| Spacer(modifier = Modifier.height(16.dp)) | ||
| SessionOverview(content = session.content) | ||
| Spacer(modifier = Modifier.height(56.dp)) | ||
| } else { | ||
| Spacer(modifier = Modifier.height(40.dp)) | ||
| } |
There was a problem hiding this comment.
(선택사항)
세션 데이터에 따라 다른 UI가 보여지는 것을 가시적으로 Preview에서 확인하고 싶다면 PreviewParameter를 활용해볼 수 있습니다. Preview를 많이 정의해주셔서 제안드렸으나 꼭 반영하진 않으셔도 됩니다 🙂
https://developer.android.com/jetpack/compose/tooling/previews#preview-data
There was a problem hiding this comment.
Preview 코드 작성하면서 개요 데이터가 존재할 때와 존재하지 않을때의 Preview를 각각 작성해야할지 하나하나 작성하면 코드가 길어질 것 같으니 안해야할지 고민하다 대표 값 하나만 작성했었는데요..!
덕분에 PreviewParameter 를 적용하여 이러한 걱정들을 해소할 수 있었습니다.
감사합니다. 반영하였습니다! a16a753
feature/session/src/main/java/com/droidknights/app2023/feature/session/SessionDetailScreen.kt
Outdated
Show resolved
Hide resolved
Issue
Overview (Required)
Screenshot