From_Base

개요:이번 챕터에서는 Jetpack Compose의 핵심 컴포저블 중 하나인 Text에 대해 자세히 알아보겠습니다.  Text 컴포저블은 화면에 텍스트를 표시하는 데 사용되며, Android의 XML 레이아웃에서 TextView와 유사한 역할을 합니다. Jetpack Compose의 Text는 다양한 스타일링 옵션과 유연한 텍스트 처리 기능을 제공해주기 때문에, 사용자 인터페이스에 풍부한 텍스트 표현을 가능하게 해줍니다. Text의 기본 사용법:Text 컴포저블은 가장 간단하게 문자열 리소스 또는 직접 입력한 텍스트를 화면에 표시합니다.Text(text = "안녕하세요, Jetpack Compose!")Text(text = stringResource(id = R.string.string_name)) //..

개요:BoxWithConstraints 레이아웃은 이름에서도 알 수 있듯이 기존 Box 레이아웃에 + Constraints 즉, 부모로부터 받은 제약 조건(Constraints)을 추가로 제공해주는 레이아웃입니다.  BoxWithConstraints는 부모로부터 받은 제약 조건(Constraints)을 활용하여 더욱 유연한 반응형 UI를 만들 수 있게 해주는 강력한 도구입니다.  이 제약 조건에는 minWidth, maxWidth, minHeight, maxHeight와 같은 정보가 포함되어 있으며, 이를 활용하여 자식 컴포저블의 크기나 위치를 동적으로 결정할 수 있습니다.    BoxWithConstraints 활용 예시BoxWithConstraints를 사용하면 화면 크기나 방향에 따라 UI를 다르게..

개요:저번 챕터에서 알아본 Row & Column에 이어서, 이번 챕터에서는 Jetpack Compose의 또 다른 표준 레이아웃 중 하나인 Box 컴포저블에 대해 자세히 알아보겠습니다.  Row 가 x축, Column 이 y축 이었다면 Box는 화면상의 z축 배치를 담당하는 레이아웃 컴포저블 함수입니다.즉, Box는 뷰(컴포저블 UI)를 겹쳐서 표현하고 싶을때 사용합니다. 이는 XML 방식에서의 FrameLayout과 유사합니다.      Box의 핵심 속성 ➡  contentAlignment : Box 레이아웃의 핵심은 contentAlignment속성입니다.Box는 Row - Column과는 달리 Arrangement 속성이 없고, Alignment 속성만 신경써주면 됩니다.  Box 레이아웃에 A..

개요:저번 챕터에서 알아본 Row에 이어서, 이번 챕터에서는 Jetpack Compose의 또 다른 표준 레이아웃 중 하나인 Column 컴포저블에 대해 자세히 알아보겠습니다.  Colomn은 Row와 반대 개념으로, 자식 Composable 요소들을 열방향 즉 세로 방향으로 배치하는 레이아웃입니다.이는 XML 기반 레이아웃의 LinearLayout에서 orientation을 vertical로 설정한 것과 유사합니다.       Column의 핵심 속성 ➡  verticalArrangement & horizontalAlignment  : Row 레이아웃의 핵심은 verticalArrangement 와 horizontalAlignment 속성입니다. verticalArrangement 속성을 통해 Colu..

개요:이번 챕터에서는 Jetpack Compose의 또 다른 핵심 레이아웃 중 하나인 Row 컴포저블에 대해 자세히 알아보겠습니다. Row는 이름에서 알 수 있듯이, 자식 Composable 요소들을 행방향 즉 가로 방향으로 배치하는 레이아웃입니다. 이는 XML 기반 레이아웃의 LinearLayout에서 orientation을 horizontal로 설정한 것과 유사합니다. Row는 여러 Composable들을 수평(가로) 방향으로 나란히 배열할 때 사용합니다. Row를 사용하면 버튼, 텍스트, 이미지 등 다양한 UI 요소들을 가로로 정렬하여 사용자 인터페이스를 구성할 수 있습니다.       Row의 핵심 속성 ➡  horizontalArrangement & verticalAlignment  : Row ..

LazyColumn은 화면에 보이는 항목만 렌더링하여 메모리 사용량을 줄이고 성능을 향상시키는 Composable 함수입니다. 이는 XML 기반의 RecyclerView와 유사한 역할을 하며, 일종의 Jetpack Compose 버젼의 RecyclerView입니다.  간단히 요약하면, 화면에 보이는 Composable 요소만 표시해주는 스크롤 가능한 Column 레이아웃 입니다.      LazyColumn의 이점 & Column과의 차이:Column은 모든 항목을 한 번에 렌더링하기 때문에 예를 들어, 수백 수천 개의 아이템을 가진 리스트를 Column으로 표시하 하는 등, 내부 요소들이 많아지면 성능 저하를 일으킬 수 있습니다. 반면, LazyColumn은 화면에 표시되는 항목만 렌더링하고 스크롤할 ..

이번 포스팅에서는 Jetpack Compose 프레임워크를 이용한 Android 앱 개발의 기본이 되는 MainActivity 클래스와 그 안의 onCreate, setContent 등 MainActivity를 구성하는 핵심 요소들을 하나씩 짚어보는 시간을 갖도록 하겠습니다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { Chapter1Theme { Greeting("반갑습니..

개요:Jetpack Compose는 Google에서 출시한 최신 네이티브 Android UI 툴킷입니다. Kotlin 언어 기반의 선언형 UI 프레임워크로, 기존의 명령형 XML 레이아웃 방식에서 벗어나 Kotlin 코드로 UI를 정의함으로써 더욱 직관적이고 효율적인 UI 개발 방식을 제시하며 Android 개발의 새로운 표준으로 자리 잡고 있습니다. 이 글에서는 Jetpack Compose의 핵심 개념, XML과의 차이점, 주요 장점, 그리고 간단한 예제를 통해 Jetpack Compose를 소개하겠습니다. XML vs Jetpack Compose:  안드로이드 UI 개발은 오랫동안 XML을 기반으로 이루어져 왔습니다. XML은 UI 레이아웃을 명확하게 정의할 수 있다는 장점이 있지만, 코드가 길어지고..