본문 바로가기
프로그래밍/Jetpack Compose

5. 컴포저블 재사용 - 가독성 (Jetpack Compose UI 코틀린 앱 개발)

by Dylan Kim 2024. 4. 19.
반응형


<구글이 알려주는 앱 개발 무료 강의>

[Jetpack Compose] 가이드 맵 - 전체 보기


 

안드로이드 Jetpack Compose에서는 컴포저블을 재사용하여 코드 중복을 줄이고, UI를 더욱 효율적으로 구성할 수 있습니다. 이번에는 컴포저블을 재사용하는 방법에 대해 알아보겠습니다.

1.컴포저블이란?

컴포저블은 UI를 구성하는 데 사용되는 함수입니다. 컴포저블은 @Composable 어노테이션이 붙은 함수로 정의되며, 이 함수는 UI를 구성하는 데 필요한 모든 요소를 반환합니다.

 

 

2.컴포저블 재사용 방법

컴포저블을 재사용하는 방법은 다음과 같습니다.

  • 함수를 @Composable로 선언합니다.
  • 함수 내에서 UI를 구성하는 데 필요한 컴포넌트를 반환합니다.
  • 반환된 컴포넌트를 다른 컴포저블에서 호출하여 재사용합니다.

예를 들어, Greeting이라는 컴포저블을 만들고, 이 컴포저블을 MyApp이라는 다른 컴포저블에서 호출하여 재사용할 수 있습니다.

 

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            BasicsCodelabTheme {
                MyApp(modifier = Modifier.fillMaxSize())
            }
        }
    }
}

@Composable
fun MyApp(modifier: Modifier = Modifier) {
    Surface(
        modifier = modifier,
        color = MaterialTheme.colorScheme.background
    ) {
        Greeting("Android")
    }
}
@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()
    }
}

 

 

3.재사용의 장점

컴포저블을 재사용하면 다음과 같은 장점이 있습니다.

  • 코드 중복을 줄일 수 있습니다.
  • UI를 더욱 효율적으로 구성할 수 있습니다.
  • 유지보수가 쉬워집니다.

4.결론

안드로이드 Jetpack Compose에서는 컴포저블을 재사용하여 코드 중복을 줄이고, UI를 더욱 효율적으로 구성할 수 있습니다. 이를 통해 앱의 성능과 유지보수성을 향상시킬 수 있습니다.

 


반응형

댓글