Jetpack Compose - 실무에 발라보기

2023년 12월 2일에 진행한 Mobile App Developer Conference(MADC)에서 Jetpack Compose - 실무에 발라보기 발표에 사용된 Speaker Deck입니다.

Transcript

1. $0.104&
   पޖী
   ߊۄࠁӝ JETPACK COMPOSE IN PRATICAL WAY ੉അ਋
2. 01 BASIC OF MOBILE APP DEV MADC2023 ੉അ਋ ‣ ੹
   .BUIQSFTTP 2"/%"
   "OESPJE3FBDU
   /BUJWF
   &OHJOFFS
   ‣ (%4$
   ѤҴ؀೟Ү
    ӝ
   -FBE 2
3. M A D C 2 02 3 .:
   4503*&4
   
   $PNQPTF
   ߄ܰҊ
   ࡅܰѱ
   ೟णೞӝ
   
   3FDPNQPTJUJPO
   ਋ࢶ
   ࢚కҙܻ
   ୓௼ࠗఠ
   01 BASIC OF MOBILE APP DEV COMPOSE IN PRATICAL WAY
4. M A D C 2 02 3 
   $PNQPTF
   ߄ܰҊ
   ࡅܰѱ
   ೟णೞӝ 01 BASIC OF MOBILE APP DEV COMPOSE IN PRATICAL WAY
5. 01 BASIC OF MOBILE APP DEV MADC2023 COMPOSE Ӓ द੘ 5
6. 01 BASIC OF MOBILE APP DEV MADC2023 COMPOSE Ӓ द੘ 6
7. 01 BASIC OF MOBILE APP DEV MADC2023 COMPOSE Ӓ द੘, ӒܻҊ ࢚ࣻ 7
8. 01 BASIC OF MOBILE APP DEV MADC2023 Ӓؘ۠… 8
9. 01 BASIC OF MOBILE APP DEV MADC2023 ց ب؀୓ যڌѱ Ӓ۰ঠೞחѤؘ 9
10. 01 BASIC OF MOBILE APP DEV MADC2023 RNҗ SIDE PROJECT 10
11. 01 BASIC OF MOBILE APP DEV MADC2023 RNҗ SIDE PROJECT 11
12. 01 BASIC OF MOBILE APP DEV MADC2023 LESSON LEARNED 12 COMPOSE যڌѱ ҕࠗೞݶ જਸөਃ? ׮ܲ ࢶ঱ഋ UI ҃೷೧ࠁחѱ જਸөਃ? ߊ಴੗ש ੜ ࢤ҂যਃ COMPOSE ޤࠗఠ ࠁח Ѫ੉ જਸөਃ?
13. 01 BASIC OF MOBILE APP DEV MADC2023 ੉ী ؀ೠ ઁ Ѿۿ 13 ೞա੄
    ӝמਸ
    ৮੹൤
    $0.104&۽
    ҳഅೞח
    ҃೷ਸ
    оઉࠁ੗
14. 01 BASIC OF MOBILE APP DEV MADC2023 ੉ী ؀ೠ ઁ Ѿۿ 14 ೞա੄
    ӝמਸ
    ৮੹൤
    $0.104&۽
    ҳഅೞח
    ҃೷ਸ
    оઉࠁ੗ ࢶ঱ഋ
    6*ীࢲ
    ചݶ੉
    ۪؊݂
    غח
    ו՝ਸ
    ঌইঠ
    ೠ׮
15. M A D C 2 02 3 
    3FDPNQPTJUJPO
    ਋ࢶ
    ࢚కҙܻ
    ୓௼ࠗఠ
    01 BASIC OF MOBILE APP DEV COMPOSE IN PRATICAL WAY
16. 01 BASIC OF MOBILE APP DEV MADC2023 (૑Әө૑ب) COMPOSE੄ ࢶੑѼ 16
17. 01 BASIC OF MOBILE APP DEV MADC2023 য૵ݶ Ӓ ݽٚ ߡߢ੐੄ ਗੋ਷… 17
18. 01 BASIC OF MOBILE APP DEV MADC2023 3&$0.104*5*0/ 18 $PNQPTBCMF
    'VODUJPO
19. 01 BASIC OF MOBILE APP DEV MADC2023 3&$0.104*5*0/ 19 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐
20. 01 BASIC OF MOBILE APP DEV MADC2023 3&$0.104*5*0/ 20 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
21. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 21 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
22. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 22 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
23. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 23 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
24. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 24 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
25. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 25 $PNQPTBCMF
    'VODUJPO 6*ী
    ࠁ੐ 4UBUF
    সؘ੉౟ ࢚ഐ੘ਊ
26. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 26 ੄بೞ૑ ঋ਷ RECOMPOSITIONਵ۽ ੋೠ ࢿמ ੷ೞ
27. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 27 ܻஹನ૑࣌ ஠਍౟੄ ૐоח ചݶ੄ ߸҃ ૊, ੗োझ۞਍ ੌ
28. 01 BASIC OF MOBILE APP DEV MADC2023 ޙઁ੼ 28 “ޖ੄޷ೠ” ܻஹನ૑࣌੄ ߊࢤ
29. 01 BASIC OF MOBILE APP DEV MADC2023 ೧Ѿ଼ 29 ࢚క(STATE)ҙܻо ੜغݶ ؀ѐ੄ ҃਋ ޙઁ ೧Ѿ੉ ؽ
30. 01 BASIC OF MOBILE APP DEV MADC2023 ੉
    ௏٘ীࢲ
    ࠁ੉ח
    ޙઁ੼਷j 30 @Composable fun HomeScreen(todos: List<Task>) { LazyColumn { items(items = todos) { todo -> TaskIte m (todo) } } }
31. 01 BASIC OF MOBILE APP DEV MADC2023 ੉
    ௏٘ীࢲ
    ࠁ੉ח
    ޙઁ੼਷j 31 @Composable fun HomeScreenWrapper() { val anotherState by /* state collect */ val list by /* state collect */ HomeScreen(list) }
32. 01 BASIC OF MOBILE APP DEV MADC2023 -*45ח
    ࠛউ੿೤פ׮ 32 @Composable fun HomeScreen(todos: List<Task>) { LazyColumn { items(items = todos) { todo -> TaskIte m (todo) } } }
33. 01 BASIC OF MOBILE APP DEV MADC2023 -*45ח
    ࠛউ੿೤פ׮ 33 i m port kotlinx.collections. im mutable. Im mutableList @Composable fun HomeScreen(todos: Im mutableList<Task>) { LazyColumn { items(items = todos) { todo -> TaskIte m (todo) } } }
34. 01 BASIC OF MOBILE APP DEV MADC2023 ژ
    যڃ
    Ѫ੉
    ੓ਸөਃ 34 i m port kotlinx.collections. im mutable. Im mutableList @Composable fun HomeScreen(todos: Im mutableList<Task>) { LazyColumn { items(items = todos) { todo -> TaskIte m (todo) } } }
35. 01 BASIC OF MOBILE APP DEV MADC2023 -";:
    -":065
    
    ,&:
    
    👍 35 i m port kotlinx.collections. im mutable. Im mutableList @Composable fun HomeScreen(notes: Im mutableList<Task>) { LazyColumn { items( items = todos, key = { it.id } ) { todo -> TaskIte m (todo) } } }
36. 01 BASIC OF MOBILE APP DEV MADC2023 1"*/5&3
    *4
    "-40
    6/45"#-& 36 I m age( painter = painterResource(id = R.ic_add_task) contentDescription = “Add Task Ti tle” )
37. 01 BASIC OF MOBILE APP DEV MADC2023 1"*/5&3
    *4
    "-40
    6/45"#-& 37 val resource by rememberUpdatedState( newValue = resourceId ) I m age( painter = painterResource(resource) contentDescription = “Add Task Ti tle” )
38. 01 BASIC OF MOBILE APP DEV MADC2023 1"*/5&3
    *4
    "-40
    6/45"#-& 38 I m age( painter = Im ageVector.vectorResource( id = R.ic_add_task ) contentDescription = “Add Task Ti tle” )
39. 01 BASIC OF MOBILE APP DEV MADC2023 "%%*5*0/"-
    3&4063$&4 39 +FUQBDL
    $PNQPTF
    
    4UBUF
    https://developer.android.com/jetpack/compose/state +FUQBDL
    $PNQPTF
    
    #FTU
    1SBDUJDFT
    https://developer.android.com/jetpack/compose/performance/bestpractices $PNQPTF
    $PNQJMFS
    
    TUBCJMJUZ$POGJHVSBUJPO1BUI
    
    TJODF
    
    ੌ੹
    ߊ಴
    IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTFQFSGPSNBODF TUBCJMJUZGJYDPOGJHVSBUJPOGJMF
40. Next 4XJGU6*
    ҃೷
    ա׃ ӂ૑ഌ