Mobile App Developer's Conference (MADC) ํ›„๊ธฐ ๐ŸŒŸ

๐Ÿ›๏ธ ๊ฐœ์š”

Mobile App Developer's Conference (MADC)๋Š” 2024๋…„์— ๊ฑด๊ตญ๋Œ€ ํ•™์ƒํšŒ๊ด€์—์„œ ์—ด๋ฆฐ ํ–‰์‚ฌ๋กœ, ์•ˆ๋“œ๋กœ์ด๋“œ, iOS, Flutter ํ”Œ๋žซํผ์„ ์ค‘์‹ฌ์œผ๋กœ ์„ ์–ธํ˜• UI์˜ ์ค‘์š”์„ฑ๊ณผ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ๋…ผ์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ž…์žฅ ์‹œ ๋ชจ๋ฐ”์ผ ํ‹ฐ์ผ“์˜ QR ์ฝ”๋“œ๋ฅผ ์Šค์บ”ํ•˜์—ฌ ์ž…์žฅํ•˜์˜€๊ณ , ์Šคํ‹ฐ์ปค, ๋…ธํŠธ๋ถ ๊ฑฐ์น˜๋Œ€, ๋ณผํŽœ, ์•ˆ๊ฒฝ๋‹ฆ์ด ๋“ฑ์˜ ๊ธฐ๋…ํ’ˆ์ด ์ œ๊ณต๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๐ŸŽ

 

๐Ÿ“… ์ปจํผ๋Ÿฐ์Šค ์ง„ํ–‰ ์ˆœ์„œ

 

๐Ÿ“– ์„ธ์…˜ 

์ดˆ๋ฐ˜ ๋‚ด์šฉ ๐Ÿ—ฃ๏ธ

์ดˆ๋ฐ˜ ์„ธ์…˜์—์„œ๋Š” ๊ฐ ํ”Œ๋žซํผ๋ณ„๋กœ ์ œ์ž‘๋œ Todo ์•ฑ์„ ํ†ตํ•ด ์„ ์–ธํ˜• UI์˜ ๊ฐœ๋…์„ ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ์„ธ์…˜์—์„œ๋Š” ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ์ž์˜ ๋‹ค์–‘ํ•œ ๊ฒฝ๋กœ์™€ ๊ฐ ํ”Œ๋žซํผ์˜ UI ์„ค๊ณ„ ์›์น™์„ ๋‹ค๋ฃจ์—ˆ์Šต๋‹ˆ๋‹ค.

 

ํŠน๋ณ„ ์„ธ์…˜: ํ”Œ๋žซํผ๋ณ„ ๊ฐœ๋ฐœ์ž ์ดˆ์ฒญ ๐Ÿ‘ฉ‍๐Ÿ’ป๐Ÿ‘จ‍๐Ÿ’ป

๊ฐ ํ”Œ๋žซํผ์˜ ๊ฐœ๋ฐœ์ž๋“ค์ด ๋ชจ์—ฌ ์„œ๋กœ์˜ ์žฅ๋‹จ์ ์„ ์œ ๋จธ๋Ÿฌ์Šคํ•˜๊ฒŒ ์ฃผ๊ณ ๋ฐ›๋Š” ์‹œ๊ฐ„์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ์„ธ์…˜์€ Android, iOS, Flutter, KMP ํ”Œ๋žซํผ์˜ ์ฐจ๋ณ„ํ™”๋œ ํŠน์„ฑ์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ํฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ฐ ํ”Œ๋žซํผ์˜ ํ†ต๊ณ„ ๋ฐ์ดํ„ฐ๋ฅผ ์‹œ๊ฐํ™”ํ•œ ์ž๋ฃŒ๊ฐ€ ์ œ๊ณต๋˜์–ด ์ดํ•ด๋„๋ฅผ ๋†’์˜€์Šต๋‹ˆ๋‹ค.

 

 

๐Ÿ’ก์œ ์šฉํ•œ ํŒ 

  • ๊ณต์‹ ๋ฌธ์„œ ํ™œ์šฉ: ๊ฐ ํ”Œ๋žซํผ์˜ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ํ†ตํ•ด ์ตœ์‹  ์ •๋ณด๋ฅผ ์–ป๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.
  • ํ”„๋ ˆ์ž„์›Œํฌ ์ดํ•ด: ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ๋„๊ตฌ์ผ ๋ฟ์ด๋ฉฐ, ๋ณธ์งˆ์ ์ธ ๊ธฐ์ˆ  ์ดํ•ด๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
  • KMP ํ™œ์šฉ: ์ฝ”ํ‹€๋ฆฐ ๋ฉ€ํ‹ฐํ”Œ๋žซํผ(KMP)์„ ํ†ตํ•ด ์•ˆ๋“œ๋กœ์ด๋“œ ๋ฐ ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ์—์„œ์˜ ํšจ์œจ์ ์ธ ๊ฐœ๋ฐœ์ด ๊ฐ€๋Šฅํ•จ์„ ๊ฐ•์กฐํ–ˆ์Šต๋‹ˆ๋‹ค.

 

โš™๏ธ ์„ ์–ธํ˜• UI ์‹ค๋ฌด ์‚ฌ์šฉ 

Android - Compose ๐Ÿ“ฑ

  1. ํšจ๊ณผ์ ์ธ ํ•™์Šต ๋ฐฉ๋ฒ•: ํŠน์ • ๊ธฐ๋Šฅ์„ ์™„์ „ํžˆ Compose๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋Š” ๊ฒฝํ—˜์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์„ ์–ธํ˜• UI์˜ ๋ Œ๋”๋ง ๊ณผ์ •์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  2. Recomposition ๊ด€๋ฆฌ: ์ƒํƒœ ๊ด€๋ฆฌ๊ฐ€ ์ค‘์š”ํ•˜๋ฉฐ, ์˜๋„ํ•˜์ง€ ์•Š์€ Recomposition์„ ๋ฐฉ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด ImmutableList์™€ ๊ฐ™์€ ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

SwiftUI ๐Ÿ

  1. OS ๋ฒ„์ „ ๋Œ€์‘: ๋‹ค์–‘ํ•œ OS ๋ฒ„์ „๋ณ„ ์ฐจ์ด์— ๋Œ€์‘ํ•˜๊ธฐ ์œ„ํ•œ ์ „๋žต์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
  2. ๊ณต์‹ ๋ฌธ์„œ ํ™œ์šฉ: SwiftUI์˜ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ์ž˜ ํ™œ์šฉํ•˜๋Š” ๋Šฅ๋ ฅ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

Cross Platform ๊ฐœ๋ฐœ์˜ ์žฅ๋‹จ์  ๐ŸŒ

  • ์žฅ์ : ์ค‘๋ณต ์ฝ”๋“œ ๊ฐ์†Œ, ์ธ๋ ฅ ์ ˆ๊ฐ, ๋ฒ„์ „ ํ†ต์ผ ์šฉ์ด.
  • ๋‹จ์ : ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐœ๋ฐœ์— ๋น„ํ•ด ๊ธฐ๋Šฅ ์ œํ•œ๊ณผ ์ตœ์ ํ™”์˜ ์–ด๋ ค์›€, ์•ฑ์˜ ๋ฌด๊ฑฐ์›€.
  • ์ปค๋ฎค๋‹ˆํ‹ฐ: RN(App Center)์™€ Flutter(Shorebird)์™€ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ ์—…๋ฐ์ดํŠธ๊ฐ€ ์šฉ์ดํ•˜๋ฉฐ, ํ™œ๋ฐœํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ์ง€์›์ด ์žˆ์Šต๋‹ˆ๋‹ค.

 

โ“ Q&A ์„ธ์…˜ 

 

์งˆ๋ฌธ: ๋‹ค์‹œ ์ทจ์—… ์ค€๋น„๋ฅผ ํ•œ๋‹ค๋ฉด? ๐Ÿง‘‍๐ŸŽ“

  • ๋‹ค์–‘ํ•œ ๊ธฐ์ˆ ์„ ๋ฐ˜์˜ํ•œ ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ธฐ๋ณธ๊ธฐ ๋ฐ ์ปดํ“จํ„ฐ ๊ณผํ•™(CS) ๋ถ„์•ผ์˜ ๊ณต๋ถ€๋ฅผ ๊ฐ•ํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ ์šด์˜์„ ํ†ตํ•ด ์ง€์†์ ์œผ๋กœ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ชฉํ‘œ ํšŒ์‚ฌ์— ๋Œ€ํ•œ ํ™•์‹คํ•œ ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ฐœ๋ฐœ ์™ธ์ ์ธ ์Šคํ‚ฌ์„ ๊ฐ•ํ™”ํ•˜๊ณ , ๋ชจ๋“  ํ™œ๋™์˜ ์ง€์†์„ฑ์„ ์œ„ํ•ด ๊ธฐ๋กํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ชจ์ƒ‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์งˆ๋ฌธ: ์ข‹์€ ๋™๋ฃŒ์˜ ์กฐ๊ฑด์€? ๐Ÿค

  • ์›ํ™œํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋Šฅ๋ ฅ.
  • ๊ฐ•ํ•œ ์˜ค๋„ˆ์‹ญ๊ณผ ์ฑ…์ž„๊ฐ.
  • ์—ด๋ฆฐ ์‚ฌ๊ณ ๋ฐฉ์‹๊ณผ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ.
  • ๋ฐฐ์šธ ์ ์ด ๋งŽ์€ ๋™๋ฃŒ์™€์˜ ํ˜‘์—…์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

 

๐Ÿ”š ๋งˆ๋ฌด๋ฆฌ ๋ฉ˜ํŠธ 

์„ ์–ธํ˜• UI์˜ ๋„์ž…์œผ๋กœ ์„œ๋กœ ๋‹ค๋ฅธ ํ”Œ๋žซํผ ๊ฐ„์˜ ์ง„์ž… ์žฅ๋ฒฝ์ด ๋‚ฎ์•„์กŒ์Šต๋‹ˆ๋‹ค.

์•ž์œผ๋กœ๋Š” ์–ธ์ œ๋“ ์ง€ ๋‹ค๋ฅธ ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ž์‹ ๊ฐ์„ ๊ฐ€์ง€๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

 

๐Ÿ“ ๊ฐœ์ธ ํ›„๊ธฐ 

์ด๋ฒˆ ์ปจํผ๋Ÿฐ์Šค๋Š” ์ฒ˜์Œ ์ฐธ์—ฌํ•œ ์ž๋ฆฌ์˜€์ง€๋งŒ, ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ ๊ฐœ๋ฐœ์ž๋“ค์˜ ์ƒ๊ฐ๊ณผ ๊ฒฝํ—˜์„ ๋“ค์„ ์ˆ˜ ์žˆ์–ด ๋งค์šฐ ์œ ์ตํ•œ ์‹œ๊ฐ„์ด์—ˆ์Šต๋‹ˆ๋‹ค. ํ–ฅํ›„์—๋„ ์ด์™€ ๊ฐ™์€ ๊ธฐํšŒ๊ฐ€ ์žˆ๋‹ค๋ฉด ๊ผญ ์ฐธ์—ฌํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ KMP์— ๋Œ€ํ•œ ํฅ๋ฏธ๊ฐ€ ๋”์šฑ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. ๐Ÿš€

 

๐Ÿ”— ์ฐธ๊ณ  ๋งํฌ 

 

MobileAppDeveloperConference

All Of Mobile App Developer's Confernece. MobileAppDeveloperConference has 3 repositories available. Follow their code on GitHub.

github.com