💚[Android]공식 문서로 살펴보는 Jetpack Compose를 해야하는 이유

Jetpack Compose 공식문서
[아래 내용은 공식문서를 참고하였습니다.]

SOPT 34기 안드로이드 파트 면접 중 "compose를 적용하고 배워야 하는 이유는 뭔가요?"라는 질문을 받았었다.

그때는 컴포즈를 접하기 전이었고, 'compose 공부를 해야한다'라는 이야기를 굉장히 많이 들었던 시기라 당연히 공부해야하는 존재라고만 여겼다.

그렇다면 이렇게 compose를 당연히 해야한다고 많은 이들이 말하는 이유는 무엇일까?

---

1️⃣ Less code(적은코드)

적은 코드는 테스트/디버그 작업이 적고 버그 발생가능성도 줄어든다.
또한 코드가 적다는 건 그만큼 유지보수 해야하는 코드도 줄어든다는 이야기이다.
Compose

@Composable
fun Greeting() {
    Column {
        Text(text = "Hello, Compose!", color = Color.Black, fontSize = 20.sp)
    }
}

xml

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello, XML!"
    android:textSize="20sp"
    android:textColor="@android:color/black"
    android:layout_gravity="center"/>

2️⃣ Intuitive(직관적)

1) 선언형 프로그래밍

기존 xml 방식은 view와 data 사이에 중간 계층을 필요로한다.
그래서 xml을 수정하면 코틀린코드도 함께 수정을 하는 등 xml과 코틀린 코드를 같이 봐야한다.

하지만 compose의 경우 코틀린 함수로 UI를 그리기 때문에 더 직관적이고 이해하기 쉽다. 또한 유지보수 측면에서도 이로울 수 있다.

2) 상태가 없는 컴포넌트

<Button
    android:id="@+id/myButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me!"
    android:background="@color/blue"
    android:textColor="@android:color/white"
    android:layout_centerInParent="true"/>

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val myButton = findViewById<Button>(R.id.myButton)
        myButton.setOnClickListener {
            Toast.makeText(this, "Button clicked!", Toast.LENGTH_SHORT).show()
        }
    }
}

위 코드는 액티비티의 onCreate 메서드에서 XML 파일에서 정의된 버튼을 찾아 클릭 이벤트를 처리하는 방법입니다.

이 경우는 버튼은 해당 액티비티에 종속되어있다.

@Composable
fun MyButton(text: String, onClick: () -> Unit) {
    Button(
        onClick = onClick,
        colors = ButtonDefaults.buttonColors(backgroundColor = Color.Blue)
    ) {
        Text(text = text, color = Color.White)
    }
}

위의 코드에서 MyButton 함수는 상태 없는 버튼 컴포넌트를 정의한다.

이 버튼은 텍스트와 클릭 이벤트를 매개변수로 받고, 버튼을 클릭하면 전달된 클릭 핸들러가 호출된다.

이렇게 정의된 버튼 컴포넌트는 특정한 액티비티나 프래그먼트에 종속되지 않으므로 다른 화면에서 쉽게 재사용O

3️⃣ Accelerate development(빠른개발)

Compose는 기존의 모든 코드와 호환된다.

Compose에서 Views를, Views에서 Compose 코드를 호출 ⭕️

Navigation, ViewModel, Kotlin 코루틴과 같은 대부분의 일반적인 라이브러리는 Compose와 함께 작동하므로 언제 어디서든 원하는 대로 채택 할 수 있다.

4️⃣ Powerful(강력한 성능)

• Compose는 Android 플랫폼 API에 직접 액세스하고 머티리얼 디자인, 어두운 테마, 애니메이션 등을 기본적으로 지원
• 머티리얼 디자인으로 빌드하든 자체 디자인 시스템으로 빌드하든, Compose를 사용하면 원하는 디자인을 유연하게 구현