2025 컴포즈 마법사

[PPT 속 링크들]

- https://github.com/jisungbin/kotlin-2.1.20
- https://github.com/skydoves/compose-stability-inference
- https://github.com/kodeeverse/2025-compose-wizard
- https://github.com/fgiris/composePPT
- https://github.com/cashapp/molecule
- https://is.gd/compose_other_name

Transcript

1. 지성빈 mugba 컴포즈 마법사 Compose Compiler 내부 엿보기: 
 안정성과 리컴포지션 최적화의 공식을 소개합니다
4. 741억 누적 투자액 100+ 이용자 국가 830만 누적 가입자 3년+ 흑자 지속
5. https://is.gd/unni_career
6. 2025 마법콘 김** 김** 임 * 이** 여*** 이** 이** 조** 이**
7. 안내 Kotlin v2.2.21 기준 Compose 기능 플래그 모두 활성된 기준 StrongSkipping IntrinsicRemember OptimizeNonSkippingGroups 2025 마법콘
8. 이 발표에서는.. Stability 파헤치기 Recomposition 파헤치기 2025 마법콘
9. Recomposition 파헤치기 리컴포지션의 비밀 *** *****이 ***한 상황 2025 마법콘
10. gray box blue box green box @Composable @Composable @Composable fun fun fun () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox Box Box size background size background size background 300 250 100 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box
11. @Composable fun GrayBox() {
 Box(
 Modifier.size(300.dp).background(Color.Gray),
 contentAlignment = Alignment.Center
 ) {
 BlueBox()
 }
 }

 @Composable fun GreenBox() {
 Box(Modifier.size(100.dp).background(Color.Green))
 } @Composable fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 BlueBox // 크기 변경됨: 250.dp → 200.dp
 Box size background 200 dp Blue Center
 contentAlignment = GreenBox gray box blue box green box
12. [Thinking in Compose] 문서
13. gray box blue box green box @Composable fun GrayBox() {
 Box(
 Modifier.size(300.dp).background(Color.Gray),
 contentAlignment = Alignment.Center
 ) {
 BlueBox()
 }
 }

 @Composable fun GreenBox() {
 Box(Modifier.size(100.dp).background(Color.Green))
 } @Composable fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 BlueBox // 이 컴포저블만 단독 리컴포지션되는 게 이상적인 상황
 Box size background 200 dp Blue Center
 contentAlignment = GreenBox
14. @Composable @Composable @Composable fun fun fun () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox Box Box size background size background size background 300 200 100 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // 리컴포지션이 불가능하다고 가정
 // 리컴포지션이 불가능하다고 가정
 gray box blue box green box
15. @Composable @Composable @Composable fun fun fun () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox Box Box size background size background size background 300 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // 여기에 변경이 일어나면.. (100.dp → 50.dp)
 gray box blue box green box
16. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // 오직 이 박스만 리컴포지션 가능
 Box Box size background size background size background 300 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box gray box blue box green box
17. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // GreenBox를 다시 그리려고 이 박스가 리컴포지션됨
 Box Box size background size background size background 300 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box gray box blue box green box
18. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // GreenBox를 다시 그리려고 이 박스가 리컴포지션됨
 Box Box size background size background size background 300 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // GreenBox를 다시 그리고자 이 박스도 다시 실행됨
 gray box blue box green box
19. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // GreenBox를 다시 그리려고 이 박스가 리컴포지션됨
 // GreenBox를 다시 그리고자 이 박스도 다시 실행됨
 Box Box size background size background size background 300 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // GrayBox, BlueBox가 모두 재실행되어야 변경 사항이 반영됨
 gray box blue box green box
20. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // 여기에 변경이 일어나면.. (300.dp → 250.dp)
 Box Box size background size background size background 250 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box gray box blue box green box
21. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () {
 (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // 여기에 변경이 일어나면.. (300.dp → 250.dp)
 Box Box size background size background size background 250 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // 리컴포지션이 불가능한 이 박스도 재실행되고,
 gray box blue box green box
22. @Composable @Composable @Composable fun fun fun () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (
 Modifier. ( . ). (Color. ),
 Alignment. ) {
 ()
 }
 }

 () { (Modifier. ( . ). (Color. ))
 } GrayBox BlueBox GreenBox // 여기에 변경이 일어나면.. (300.dp → 250.dp)
 // 리컴포지션이 불가능한 이 박스도 재실행되고,
 Box Box size background size background size background 250 200 50 dp Gray Center
 dp Blue Center
 dp Green contentAlignment = contentAlignment = BlueBox GreenBox Box // 리컴포지션이 불가능한 이 박스까지 모두 재실행됨
 gray box blue box green box
23. 리컴포지션의 비밀 스스로 리컴포지션이 
 불가능한 상황 Recomposition 파헤치기 2025 마법콘
24. @Composable @Composable inline fun (content: () -> Unit) {
 content()
 }
 InlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider InlineLambdaComposable Text "ROOT @ " "count: " "InlineLambdaContent @ " ${ } $ ${ } text = onClick =
25. @Composable @Composable inline fun (content: () -> Unit) {
 content()
 }
 InlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider InlineLambdaComposable Text "ROOT @ " "count: " "InlineLambdaContent @ " ${ } $ ${ } text = onClick =
26. @Composable @Composable inline fun (content: () -> Unit) {
 content()
 }
 InlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider InlineLambdaComposable Text "ROOT @ " "count: " "InlineLambdaContent @ " ${ } $ ${ } text = onClick =
27. @Composable @Composable inline fun (content: () -> Unit) {
 content()
 }
 InlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider InlineLambdaComposable Text "ROOT @ " "count: " "InlineLambdaContent @ " ${ } $ ${ } text = onClick =
28. @Composable @Composable inline fun (content: () -> Unit) {
 content()
 }
 InlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider InlineLambdaComposable Text "ROOT @ " "count: " "InlineLambdaContent @ " ${ } $ ${ } text = onClick =
29. @Composable @Composable inline fun noinline ( content: () -> Unit) {
 content()
 }
 NoInlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider NoInlineLambdaComposable Text "ROOT @ " "count: " "NoInlineLambdaContent @ " ${ } $ ${ } text = onClick =
30. @Composable @Composable inline fun noinline ( content: () -> Unit) {
 content()
 }
 NoInlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider NoInlineLambdaComposable Text "ROOT @ " "count: " "NoInlineLambdaContent @ " ${ } $ ${ } text = onClick =
31. @Composable @Composable inline fun noinline ( content: () -> Unit) {
 content()
 }
 NoInlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider NoInlineLambdaComposable Text "ROOT @ " "count: " "NoInlineLambdaContent @ " ${ } $ ${ } text = onClick =
32. @Composable @Composable fun (content: () -> Unit) {
 content()
 }
 NonInlineLambdaComposable Column {
 ( currentTimeMillis() )
 ( count , { count++ } )
 ()

 {
 ( currentTimeMillis() )
 }
 }
 Text Button HorizontalDivider NonInlineLambdaComposable Text "ROOT @ " "count: " "NonInlineLambdaContent @ " ${ } $ ${ } text = onClick =
33. 컴포저블 람다 [스스로 리컴포지션이 불가능한 상황] 인라인되는 컴포저블 람다 [스스로 리컴포지션이 가능한 상황] 인라인되지 않는 컴포저블 람다 2025 마법콘
34. @Composable inline fun InlineComposable() {
 ( currentTimeMillis() )
 ( count , { count++ } )
 } Text Button "InlineContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 ()
 } Text HorizontalDivider InlineComposable "ROOT @ " ${ }
35. @Composable fun NonInlineComposable() {
 ( currentTimeMillis() )
 ( count , { count++ } )
 }
 Text Button "NonInlineContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 ()
 } Text HorizontalDivider InlineComposable "ROOT @ " ${ }
36. 컴포저블 [스스로 리컴포지션이 불가능한 상황] 인라인된 컴포저블 [스스로 리컴포지션이 가능한 상황] 인라인되지 않는 컴포저블 2025 마법콘
37. Column {
 ( currentTimeMillis() )
 ()

 () { ( currentTimeMillis() )
 ( count , { count++ } ) }

 ()
 } Text HorizontalDivider Text Button Local "ROOT @ " "LocalContent @ " "count: " ${ } ${ } $ @Composable fun Local text = onClick =
38. Column {
 ( currentTimeMillis() )
 ()

 () { ( currentTimeMillis() )
 ( count , { count++ } ) }

 ()
 } Text HorizontalDivider Text Button Local "ROOT @ " "LocalContent @ " "count: " ${ } ${ } $ @Composable fun Local text = onClick =
39. Column {
 ( currentTimeMillis() )
 ()

 () { ( currentTimeMillis() )
 ( count , { count++ } ) }

 ()
 } Text HorizontalDivider Text Button Local "ROOT @ " "LocalContent @ " "count: " ${ } ${ } $ @Composable fun Local text = onClick =
40. fun interface fun FunctionalComposable {
 ()
 } @Composable Content Column {
 ( currentTimeMillis() )
 () local = FunctionalComposable { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 local. ()
 } Text HorizontalDivider Text Button Content "ROOT @ " "LocalFunctionalContent @ " "count: " ${ } ${ } $ val // remember 코드 생략
 text = onClick =
41. fun interface fun FunctionalComposable {
 ()
 } @Composable Content Column {
 ( currentTimeMillis() )
 () local = FunctionalComposable { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 local. ()
 } Text HorizontalDivider Text Button Content "ROOT @ " "LocalFunctionalContent @ " "count: " ${ } ${ } $ val // remember 코드 생략
 text = onClick =
42. fun interface fun FunctionalComposable {
 ()
 } @Composable Content Column {
 ( currentTimeMillis() )
 () local = FunctionalComposable { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 local. ()
 } Text HorizontalDivider Text Button Content "ROOT @ " "LocalFunctionalContent @ " "count: " ${ } ${ } $ val // remember 코드 생략
 text = onClick =
43. 로컬 컴포저블 [스스로 리컴포지션이 불가능한 상황] 로컬에 정의된 컴포저블 [스스로 리컴포지션이 가능한 상황] 로컬에 정의됐지만 functional interface인 
 컴포저블 2025 마법콘
44. @Composable (): Int {
 ( currentTimeMillis() )
 ( count , { count++ } )

 } fun return ReturnValueComposable Text Button "ReturnValueContent @ " "count: " ${ } $ text = onClick = 0
 Column {
 ( currentTimeMillis() )
 ()

 ()
 } Text HorizontalDivider ReturnValueComposable "ROOT @ " ${ }
45. @Composable (): Int {
 ( currentTimeMillis() )
 ( count , { count++ } )

 } fun return ReturnValueComposable Text Button "ReturnValueContent @ " "count: " ${ } $ text = onClick = 0
 Column {
 ( currentTimeMillis() )
 ()

 ()
 } Text HorizontalDivider ReturnValueComposable "ROOT @ " ${ }
46. @Composable (): Int {
 ( currentTimeMillis() )
 ( count , { count++ } )

 } fun return ReturnValueComposable Text Button "ReturnValueContent @ " "count: " ${ } $ text = onClick = 0
 Column {
 ( currentTimeMillis() )
 ()

 ()
 } Text HorizontalDivider ReturnValueComposable "ROOT @ " ${ }
47. 반환하는 컴포저블 [스스로 리컴포지션이 불가능한 상황] 값을 반환하는 컴포저블 [스스로 리컴포지션이 가능한 상황] 값을 반환하지 않는 컴포저블 (Unit) 2025 마법콘
48. interface fun final class final override fun InterfaceComposable {
 ()
 } IFinalComposable : InterfaceComposable {
 () { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 } @Composable @Composable Content Content // final 안 붙여도 기본으로 final 
 Text Button "IFinalContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IFinalComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
49. interface fun final class final override fun InterfaceComposable {
 ()
 } IFinalComposable : InterfaceComposable {
 () { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 } @Composable @Composable Content Content // final 안 붙여도 기본으로 final 
 Text Button "IFinalContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IFinalComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
50. interface fun final class final override fun InterfaceComposable {
 ()
 } IFinalComposable : InterfaceComposable {
 () { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 } @Composable @Composable Content Content // final 안 붙여도 기본으로 final 
 Text Button "IFinalContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IFinalComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
51. interface fun final class final override fun InterfaceComposable {
 ()
 } IFinalComposable : InterfaceComposable {
 () { ( currentTimeMillis() )
 ( count , { count++ } )
 }
 } @Composable @Composable Content Content // final 안 붙여도 기본으로 final 
 Text Button "IFinalContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IFinalComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
52. interface fun open class open override fun InterfaceComposable {
 ()
 } IOpenComposable : InterfaceComposable {
 () {
 ( currentTimeMillis() )
 ( count , { count++ } )
 }
 }
 @Composable @Composable Content Content Text Button "IOpenContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IOpenComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
53. interface fun open class open override fun InterfaceComposable {
 ()
 } IOpenComposable : InterfaceComposable {
 () {
 ( currentTimeMillis() )
 ( count , { count++ } )
 }
 }
 @Composable @Composable Content Content Text Button "IOpenContent @ " "count: " ${ } $ text = onClick = Column {
 ( currentTimeMillis() )
 ()

 { IOpenComposable() }. ()
 } Text HorizontalDivider remember Content "ROOT @ " ${ }
54. open composable [스스로 리컴포지션이 불가능한 상황] open 상태인 컴포저블
 [스스로 리컴포지션이 가능한 상황] final 상태인 컴포저블 (interface, abstract class, open class 모두 해당) (암시적인 final 포함) 2025 마법콘
55. 총 정리 [스스로 리컴포지션이 불가능한 상황] 인라인되는 컴포저블 인라인되는 컴포저블 람다 로컬에 정의된 컴포저블 값을 반환하는 컴포저블 open 상태인 컴포저블 (functional interface 제외) 2025 마법콘
56. 총 정리 [스스로 리컴포지션이 가능한 상황] 인라인되지 않는 컴포저블 인라인되는 않는 컴포저블 람다 로컬에 정의되지 않은 컴포저블 반환값이 없는 컴포저블 final 상태인 컴포저블 (Unit) 2025 마법콘
57. Stability 파헤치기 안정성이란? 안정성의 고급 사용 사례 @Stable vs. @Immutable 기본으로 안정한 연산 2025 마법콘
58. /** * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ annotation class Stable
59. /** * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. annotation class Stable
60. /** * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. annotation class Stable
61. /** * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. annotation class Stable
62. @Stable @Composable class fun StableData (data: StableData) { } MyComposable ...
63. @Composable fun (data: StableData) { } MyComposable ...
64. @Composable fun val (data: StableData) { previousData = } MyComposable ... ...
65. @Composable fun val if if else (data: StableData) { previousData = ( ) { (data != previousData) { doRecomposition() } { } } } MyComposable ... // nothing to do! isRecompositionNeeded
66. @Composable fun if (data: UnstableData) { ( ) { doRecomposition() } } MyComposable isRecompositionNeeded
67. /** * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. annotation class Stable
68. class override fun return true MyGodClass { (other: Any?): Boolean { } } equals
69. /** * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * * 함수에 @Stable이 있을 때는, 동일한 매개변수가 전달되면 항상 동일한 * 결과를 반환함을 의미합니다. */ 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. annotation class Stable
71. @Composable fun MyComposable(data: UnstableData) { val previousData = ... // nothing to do! } if if else ( ) { (data !== previousData) { doRecomposition() } { } } isRecompositionNeeded
72. @Composable fun val if if else (data: StableData) { previousData = ... ( ) { (data != previousData) { doRecomposition() } { } } } MyComposable isRecompositionNeeded // nothing to do!
73. @Composable fun if (data: UnstableData) { ( ) { doRecomposition() } } MyComposable isRecompositionNeeded
74. @Composable fun val if if else (data: UnstableData) { previousData = ... ( ) { (data !== previousData) { doRecomposition() } { } } } MyComposable // nothing to do! isRecompositionNeeded
75. Stability 파헤치기 안정성이란? 안정성의 고급 사용 사례 @Stable vs. @Immutable 기본으로 안정한 연산 2025 마법콘
76. /** * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. * * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 
 * 항상 동일한 결과를 반환함을 의미합니다. */ annotation class Stable
77. /** * 클래스나 인터페이스에 @Stable이 있는 경우, 다음 조건들이 반드시 * 충족해야 합니다. * * 1. 동일한 두 인스턴스끼리 equals() 결과는 항상 true 입니다. * 2. public 프로퍼티의 값이 변경되면 컴포저블 함수가 알 수 있습니다. * 3. 모든 public 프로퍼티의 타입이 @Stable 입니다. * * 매개변수의 타입이 @Stable이라면, 컴포즈는 해당 매개변수의 인자를 * 비교하여 이전 호출과 동일하면 해당 컴포저블의 리컴포지션을 건너뜁니다. * */ * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 * 항상 동일한 결과를 반환함을 의미합니다. annotation class Stable
78. @Stable fun stableCall(): Long = currentTimeMillis() Column { ( currentTimeMillis() ) ( count , { count++ } ) () (stableCall()) } (value: Any) { ( value ) } Text Button HorizontalDivider CallArgument Text "ROOT stableCall @ " "count: " "CallArgument @ " ${ } $ $ text = onClick = @Composable fun CallArgument
79. @Stable fun stableCall(): Long = currentTimeMillis() Column { ( currentTimeMillis() ) ( count , { count++ } ) () (stableCall()) } (value: Any) { ( value ) } Text Button HorizontalDivider CallArgument Text "ROOT stableCall @ " "count: " "CallArgument @ " ${ } $ $ text = onClick = @Composable fun CallArgument
80. @Stable fun stableCall(): Long = currentTimeMillis() Column { ( currentTimeMillis() ) ( count , { count++ } ) () (stableCall()) } (value: Any) { ( value ) } Text Button HorizontalDivider CallArgument Text "ROOT stableCall @ " "count: " "CallArgument @ " ${ } $ $ text = onClick = @Composable fun CallArgument
81. /** * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 * 항상 동일한 결과를 반환함을 의미합니다. */ annotation class fun (): Long = currentTimeMillis() Stable @Stable stableCall
82. /** * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 * 항상 동일한 결과를 반환함을 의미합니다. */ // @Stable의 특성으로, 매번 다른 값을 반환해도 컴포즈는 항상 // 같은 값을 반환한다고 가정함 annotation class fun (): Long = currentTimeMillis() Stable @Stable stableCall
83. fun unstableCall(): Long = currentTimeMillis() Column { ( currentTimeMillis() ) ( count , { count++ } ) () (unstableCall()) } (value: Any) { ( value ) } Text Button HorizontalDivider CallArgument Text "ROOT unstableCall @ " "count: " "CallArgument @ " ${ } $ $ text = onClick = @Composable fun CallArgument
84. /** * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 * 항상 동일한 결과를 반환함을 의미합니다. */ // @Stable의 특성으로, 매번 다른 값을 반환해도 컴포즈는 항상 // 같은 값을 반환한다고 가정함 annotation class fun (): Long = currentTimeMillis() Stable @Stable stableCall
85. /** * 함수에 @Stable이 있을 때는, 이전과 동일한 매개변수가 제공되면 * 항상 동일한 결과를 반환함을 의미합니다. */ // @Stable의 특성으로, 매번 다른 값을 반환해도 컴포즈는 항상 // 같은 값을 반환한다고 가정함 annotation class fun (): Long = currentTimeMillis() Stable @Stable stableCall
86. Column { (stableCall( )) } ... // 숫자 뿐만 아니라 모든 상수가 변하지 않는 값 ExpressionArgument 123 @Stable @Composable fun fun stableCall(value: Any): Long = currentTimeMillis() + value.hashCode() (value: Any) { ( value ) } ExpressionArgument Text "ExpressionArgument @ " $
87. Column { myStaticValue = (stableCall(myStaticValue)) } // 문자열 뿐만 아니라 모든 상수가 변하지 않는 값 ... val "가나다" ExpressionArgument @Stable @Composable fun fun stableCall(value: Any): Long = currentTimeMillis() + value.hashCode() (value: Any) { ( value ) } ExpressionArgument Text "ExpressionArgument @ " $
88. enum class MyEnum {
 } { (stableCall(MyEnum. )) } A
 A Column ... ExpressionArgument @Stable @Composable fun fun stableCall(value: Any): Long = currentTimeMillis() + value.hashCode() (value: Any) { ( value ) } ExpressionArgument Text "ExpressionArgument @ " $
89. class companion object UnstableClass {
 } { (stableCall(UnstableClass.Companion)) } // 클래스를 상속받게 변경해도 결과는 동일함
 ... Column ExpressionArgument @Stable @Composable fun fun stableCall(value: Any): Long = currentTimeMillis() + value.hashCode() (value: Any) { ( value ) } ExpressionArgument Text "ExpressionArgument @ " $
90. // @Stable이 없으면 리컴포지션이 생략되지 않음 ... @Stable object StableObject { (stableCall(StableObject)) } Column ExpressionArgument @Stable @Composable fun fun stableCall(value: Any): Long = currentTimeMillis() + value.hashCode() (value: Any) { ( value ) } ExpressionArgument Text "ExpressionArgument @ " $
91. // @Stable이 없으면 리컴포지션이 생략되지 않음 // 타입만 안정하면 결과는 동일함 (초기화 식은 영향 없음) ... ... @Stable class val StableClass : StableClass = { (stableCall( )) } stableValueProperty stableValueProperty Column ExpressionArgument
92. // @Stable이 없으면 리컴포지션이 생략되지 않음 // @Stable이 없으면 리컴포지션이 생략되지 않음 ... ... @Stable @Stable class var StableClass : StableClass = { (stableCall( )) } stableVariableProperty stableVariableProperty Column ExpressionArgument
93. Column { (listOf( , )) (mapOf( , )) (setOf( , )) ( ) } ... // 원소 타입이 @Stable이어야 함 // Key, Value 타입이 모두 @Stable이어야 함 // 원소 타입이 @Stable이어야 함 // 원소 타입들이 모두 @Stable이어야 함 ExpressionArgument ExpressionArgument ExpressionArgument ExpressionArgument 1 2 1 2 3 4 1 2 1 1 to to to
94. 
 결과가 변하지 않는 연산 정리 원시 타입 참조 enum 요소 참조 companion object 객체 참조 @Stable이 달린 object 객체 참조 @Stable이 달렸고, @Stable한 타입의 
 변수나 프로퍼티 참조 반환 값이 불변하다고 정의된 함수들 2025 마법콘
95. @Stable 2025 마법콘 Input과 Output의 규칙이 명확한
 함수에 적합
96. 모든 원시 타입과 람다는 @Stable로 
 취급됨 @Stable 2025 마법콘
97. class companion object fun class companion object val ColorFilter { { (color: Color): ColorFilter = } } Color { { = } } { (ColorFilter.tint(Color. )) } @Stable @Stable tint ... ... ... Red Red Column ColorFilterArgument
98. /** * @Immutable이 붙은 클래스는 인스턴스가 생성된 이후로 모든 * public 프로퍼티가 변하지 않음을 보장합니다. * * @Immutable은 컴포즈의 컴포지션 과정에서 사용되며, 타입의 값이 * 변하지 않는다는 가정으로 컴포저블 최적화를 가능하게 합니다. */ annotation class Immutable
99. /** * * @Immutable은 컴포즈의 컴포지션 과정에서 사용되며, 타입의 값이 * 변하지 않는다는 가정으로 컴포저블 최적화를 가능하게 합니다. */ * @Immutable이 붙은 클래스는 인스턴스가 생성된 이후로 모든 * public 프로퍼티가 변하지 않음을 보장합니다. annotation class Immutable
100. @Immutable class Column ImmutableClass { (ImmutableClass()) } ... ConstructorArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
101. @Immutable class Column ImmutableClass { (ImmutableClass()) } ... ConstructorArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
102. @Immutable class Column ImmutableClass { (ImmutableClass()) } ... ConstructorArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
103. /** * @Immutable이 붙은 클래스는 인스턴스가 생성된 이후로 * 모든 public 프로퍼티가 변하지 않음을 보장합니다. */ annotation class class Immutable @Immutable ImmutableClass
104. @Stable class Column StableClass { (StableClass()) } ... ConstructorArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
105. @Stable class Column StableClass { (StableClass()) } ... ConstructorArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
106. // 매개변수 타입이 @Stable 이어야 함 ... // ^^^^^^^^^^^^^^^^^^^^ // 컴파일될 때는 클래스가 사라지고 123이 바로 전달됨 value class val ValueHolder( : Int) { (ValueHolder( )) } value Column ConstructorArgument 123 @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
107. // 매개변수 타입이 @Stable 이어야 함 ... // ^^^^^^^^^^^^^^^^^^^^ // 컴파일될 때는 클래스가 사라지고 123이 바로 전달됨 value class val ValueHolder( : Int) { (ValueHolder( )) } value Column ConstructorArgument 123 @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ConstructorArgument Text "ConstructorArgument @ " ${ }
108. 항상 동일한 인스턴스 생성 정리 클래스에 @Immutable이 있고, 모든 인자가
 “결과가 변하지 않는 연산" 이어야 함
 value class라면, 매개변수 타입이 @Stable하고,
 인자가 “결과가 변하지 않는 연산" 이어야 함 2025 마법콘
109. 제공된 값이 변하지 않고, 항상 동일하게 동작하는 클래스에 적합 @Immutable 2025 마법콘
110. @Immutable
 class val val BlendModeColorFilter( : Color, : BlendMode) { } { ( BlendModeColorFilter(Color. , BlendMode. ) ) } color blendMode Red SrcIn ... ... Column ColorFilterArgument @Composable fun (value: Any) { ( currentTimeMillis() + value.hashCode() ) } ColorFilterArgument Text "ColorFilterArgument @ " ${ }
111. @Stable은 Input과 Output의 규칙이 명확한 함수에 적합 @Stable은 프로퍼티 값 비교로 equals()가 구현된 클래스에 적합 (data class는 정의상 @Stable로 간주됨) @Immutable은 한 번 제공한 값을 바꿀 수 없고, 
 그 값에 따라 항상 동일하게 동작하는 클래스에 적합 정리하자면... 2025 마법콘
112. 더 궁금하다면? https://github.com/jisungbin/kotlin-2.1.20 https://github.com/skydoves/compose-stability-inference 2025 마법콘
113. 발표에 사용된 샘플 앱 https://github.com/kodeeverse/2025-compose-wizard 2025 마법콘
114. Compose는 오직 UI 라이브러리가 아닙니다! Jetpack Compose = Compose Compiler + Compose Runtime + Compose UI 2025 마법콘
115. https://github.com/fgiris/composePPT 2025 마법콘
116. https://github.com/cashapp/molecule 2025 마법콘
117. https://is.gd/compose_other_name
118. 성빈 발표 끝! Finish 이 PPT에는 토스팀에서 제공한 토스페이스(이모지 폰트)가 적용되어 있습니다. 샘플 코드는 빠른 이해를 위해 단순화 및 요약되었습니다. 지성빈 mugba
119. 잠시 후 “컴포즈를 잘, 그리고 똑똑하게 사용하는 방법을 기대합니다!” “효율적인 상태 관리 노하우를 얻고싶습니다.” “리컴포지션 마스터하기” “컴포즈 컴파일러를 공부하는 법이 궁금해요” “컴포즈 마법사가 되고싶습니다.” 2025 마법콘