[호두] 회원가입 미션 1, 2단계 제출합니다. #14
Conversation
- 추후 상태 값 활용 예정
- 불필요한 import 제거 - SignUpTitle 을 SignUpLayouts.kt 로 이동 - Surface 의 padding 속성을 SignUpLayout 에 적용
|
작은 화면에서는 레이아웃이 겹쳐서 보이고 있습니다...!! 😱 |
| // 2. 힌트를 참고하여 Preview를 노출시킨다. | ||
| // 3. Preview의 interactive 모드를 활용하여 버튼을 클릭해본다. | ||
|
|
||
| class LayoutBasicsTest { |
| ) | ||
|
|
||
| @Composable | ||
| fun SignupTheme( | ||
| fun SignUpTheme( |
| text: String, | ||
| onClick: () -> Unit, | ||
| ) { | ||
| SignUpTheme { |
There was a problem hiding this comment.
(궁금🤔) 컴포넌트에 따로 테마를 지정해준 이유가 있나요 ?
현재 앱의 루트에서 SignUpTheme을 적용시켜주고 있는데 컴포넌트마다 따로 테마를 지정할 필요가 없을 것 같아요 !
| import androidx.compose.ui.text.input.PasswordVisualTransformation | ||
| import androidx.compose.ui.text.input.VisualTransformation | ||
|
|
||
| enum class InputType( |
There was a problem hiding this comment.
헐 대박~ InputType에 대해 enum 클래스로 정의해두셨네요 !
저는 password에 대해서만 처리해줬어서 분리하지 않았는데, Email과 같은 다른 textfield가 추가되면 enum클래스로 관리할 수도 있겠네요 ! 👍
There was a problem hiding this comment.
전체적으로 Composable한 함수의 선언 위치가 큰 단위부터 작은 단위로 가는게 조금 더 가독성 있는 것 같아요 !
Layout부터 나오고 그 아래로 호출되는 Component 함수가 나오는게 자연스러운 것 같습니다 !
아마 그래서 호두가 @Preview 를 제일 위에 선언 한 것 같은데 Preview함수를 제일 밑에 선언하는게 관습? 컨벤션 이라고 하더라구요.
컴포즈 코드랩에서도 preview가 맨 밑에 있습니다 !
Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
Surface(color = MaterialTheme.colorScheme.primary) {
Text(
text = "Hello $name!",
modifier = modifier.padding(24.dp)
)
}
}
@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
BasicsCodelabTheme {
MyApp()
}
} | } | ||
|
|
||
| @Composable | ||
| fun SignUpInteractionLayer( |
There was a problem hiding this comment.
InteractionLayer와 SignUpLayout로 나누게 된 이유가 궁금합니다 !
| ) { | ||
| var value by rememberSaveable { mutableStateOf("") } | ||
| TextField( | ||
| modifier = Modifier |
There was a problem hiding this comment.
지금처럼 OneLineTextInput 내부에서 modifier를 만들어서 관리한다면 해당 TextInput 컴포넌트는 동일한 modifier가 강제될 것 같은데 호두는 어떻게 생각하시나요??
There was a problem hiding this comment.
현재 Ktlint가 통과하지 않고 있어유 🥲
[*.{kt,kts}]
ktlint_function_naming_ignore_when_annotated_with=Composable
오둥이가 올려준 방법을 참고하여 Ktlint를 설정할 수 있을 것 같아요 !
| val Typography = Typography( | ||
| bodyLarge = TextStyle( | ||
| titleLarge = TextStyle( |
There was a problem hiding this comment.
타이포그래피 설정을 통해 스타일을 쉽게 관리할 수 있군요~~ 배워갑니다 !
안녕하세요!! 꼬상~~~ 🐿️ 😆
오랜만이야!!!ㅋㅋㅋㅋㅋ
꼬상은 레벨 3때 선릉에서 한번 봤지만... 그래도 그립네요!!
오랜만에 미션에서 만나게 되었는데, 이번에는 리뷰어&리뷰이로 만났네요! 재밌을 것 같아요!!
열심히 공부해서 서로 많이 배워가고 이야기도 많이 나누면 좋겠습니다! 잘 부탁드려요~ 🙇♂️
나름 생각한대로 개선&리팩터링 해보았습니다!
그래도 아직은 이렇게 하는게 맞는지 잘 모르겠네요...
주요 구현 내용과 추가로 필요한 사항들을 아래에 정리해보았습니다!
주요 구현 내용
1단계
2단계
TextField에 활용하였습니다.추가로 필요한 사항
Composable들에 대한 테스트 코드 작성이 필요합니다!