📱안드로이드 XML & Compose

앞으로 안드로이드 개발을 공부하면서 배운 내용들을 정리해보려고 한다.
오늘은 안드로이드 기본 개념, Jetpack Compose, XML 에 대해 공부한 내용을 정리해보았다.

---

💠안드로이드란 ?

• Google에서 만든 모바일 운영체제(OS)

• Java, Kotlin으로 개발 가능

• 앱 실행 환경: 스마트폰, 태블릿, TV, 웨어러블 등

• 구성요소 : Activity, Fragment, View & ViewGroup, Intent 등
  
  

우선은 간단하게만 설명하고 자세한 것은 앞으로의 자세한 공부를 통해 정리해보도록 하겠다 (●'◡'●)

💠XML

XML은 안드로이드에서 UI를 정의하는 방법으로, HTML과 비슷한 태그 기반 형식으로 UI를 구성하고, Kotlin(Java) 코드와 결합해 화면을 만들 수 있다.

• UI를 레이아웃 파일에서 정의

• Kotlin(Java)에서 findViewById나 View Binding으로 접근

• 뷰 계층이 존재하여 UI가 트리 구조로 렌더링

• 여러 개의 파일로 분리되어 코드와 UI를 명확히 분리 가능
  
  

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, XML!"
        android:textSize="20sp"/>
</LinearLayout>

• 코드와 UI가 분리되어 관리해야 함
• 레이아웃이 복잡하면 성능 저하 → 계층이 깊어질수록 렌더링 속도 느려짐
• 동적인 UI 작성이 불편함

💠Jetpack Compose

Jetpack Compose는 Kotlin 기반의 최신 UI 툴킷으로, 기존 XML 방식이 아닌 선언형 UI 개발을 가능하게 해주는 안드로이드 공식 UI 프레임워크이다.

• 코드가 간결하고 직관적

  • XML 없이 Kotlin 코드만으로 UI 작성 가능

  • @Composable 함수로 UI를 재사용 가능

  • 뷰 바인딩(View Binding) 불필요 → findViewById() 안 써도 됨
    
    

@Composable
fun Greeting() {
    Text(text = "Hello, Compose!")
}

👉 XML과 View Binding 없이 한 줄로 UI를 만들 수 있다!

• 상태 관리가 쉬움

  • UI와 데이터 연동이 직관적
    
    

• 퍼포먼스 최적화 (효율적인 UI 렌더링)

  • 불필요한 뷰 계층 제거 → 성능 향상

  • Recomposition 최적화 → 변경된 부분만 다시 그림

  • XML보다 빠르게 UI 렌더링 가능

  
  

• 기존 XML과 완전히 다른 UI 개발 방식이기에 ComposeView를 사용하여 XML과 Compose 혼합 가능하지만 완전한 전환은 어렵다는 단점이 존재
  
  

  ---

  
  🚩 Jetpack Compose는 안드로이드의 새로운 UI 개발 방식으로, 기존 XML보다 더 간결하고 직관적이며, 성능이 향상된 최신 기술이기에 안드로이드 개발을 깊이 배우고 싶다면 Jetpack Compose는 필수!!

  앞으로 Jetpack Compose를 더 깊이 공부하고, 실전 프로젝트에서도 활용해보도록 하겠다 (oﾟvﾟ)ノ