안드로이드 스터디

JetPack Compose - 1

mky 2025. 12. 30. 15:33

컴포즈를 한번 맛보고 싶어져서 유튜브에서 Phillip Lackner라는 유튜버를 찾아서 강의를 보면서 정리해보려고한당.

package com.example.composecourseyt

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.composecourseyt.ui.theme.ComposeCourseYTTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        //xml은 setContentView
        setContent {
            Greeting(name = "Phillip")
        }
    }
}

//UI를 함수로!!
//UI를 컴포넌트들로 나눈다.
//뷰가 어떻게 보일지 정의하고 재사용한다.
@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!",
        modifier = modifier
    )
}

//미리보기용 함수
@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
        Greeting("Android")

}

일단 확실한건 이제 이거 하나만 해봤는데 xml이 개똥쓰레기라는게 느껴진다.

액티비티.kt 에서도 바로 디자인 프리뷰도 볼수있고...일단 오늘은 컴포즈 한번 쭉 파봐야겠다.