2023๋…„ 4์›” 17์ผยท1๋ถ„ ์ฝ๊ธฐ

ํ˜์‹ ์ ์ธ Android Studio Flamingo, Jetpack Compose ๋ฐ Live Edit๋กœ UI ๋„๊ตฌ ํ–ฅ์ƒ

Android Studio Flamingo๋Š” Jetpack Compose, Material 3 ํ…œํ”Œ๋ฆฟ, Compose UI์šฉ ์‹ค์‹œ๊ฐ„ ํŽธ์ง‘ ๊ธฐ๋Šฅ์„ ๋น„๋กฏํ•œ ์ˆ˜๋งŽ์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ๋„์ž…ํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” ์ด์ œ ํ…Œ๋งˆ๊ฐ€ ์žˆ๋Š” ์•ฑ ์•„์ด์ฝ˜์„ ๋ฏธ๋ฆฌ ๋ณด๊ณ , ์•ฑ์—์„œ ๋™์  ์ƒ‰์ƒ์„ ํ™œ์šฉํ•˜๊ณ , ํ–ฅ์ƒ๋œ ๊ฒ€์‚ฌ ๋„๊ตฌ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜์‹ ์ ์ธ Android Studio Flamingo, Jetpack Compose ๋ฐ Live Edit๋กœ UI ๋„๊ตฌ ํ–ฅ์ƒ

์ธ๊ธฐ ์žˆ๋Š” ์•ฑ ๊ฐœ๋ฐœ ํ”Œ๋žซํผ์˜ ์ตœ์‹  ์•ˆ์ • ๋ฒ„์ „์ธ Android Studio Flamingo๊ฐ€ ์ˆ˜๋งŽ์€ ์ƒˆ๋กญ๊ณ  ํ–ฅ์ƒ๋œ ๊ธฐ๋Šฅ๊ณผ ํ•จ๊ป˜ ๊ณต๊ฐœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ ์—…๊ทธ๋ ˆ์ด๋“œ์—๋Š” Jetpack Compose ๋ฐ Material 3 ํ…œํ”Œ๋ฆฟ, Compose UI๋ฅผ ์œ„ํ•œ ํฅ๋ฏธ๋กœ์šด ์ƒˆ ๋ผ์ด๋ธŒ ํŽธ์ง‘ ๊ธฐ๋Šฅ, ํ–ฅ์ƒ๋œ ์•ฑ ๊ฒ€์‚ฌ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. 2022.2.1๋กœ ๋ฒˆํ˜ธ๊ฐ€ ์ง€์ •๋œ ์ƒˆ ๋ฒ„์ „์˜ Android Studio๋Š” developer.android.com ์—์„œ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ JetBrains์˜ IntelliJ IDEA 2022.2 IDE๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

Android Studio Flamingo์˜ ์ฃผ์š” ์—…๋ฐ์ดํŠธ ์ค‘ ํ•˜๋‚˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ํ…Œ๋งˆ ์•ฑ ์•„์ด์ฝ˜์„ ๋ฏธ๋ฆฌ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ์„ ๋œ UI ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๋„๊ตฌ ๋ชจ์Œ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ์Šคํ…œ UI ๋ชจ๋“œ ์„ ํƒ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐฐ๊ฒฝ ํ™”๋ฉด์„ ์ „ํ™˜ํ•˜๊ณ  ํ…Œ๋งˆ๋ณ„ ์•ฑ ์•„์ด์ฝ˜์ด ๋‹ค์–‘ํ•œ ๋ฐฐ๊ฒฝ์— ์–ด๋–ป๊ฒŒ ์ ์šฉ๋˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ Jetpack Compose UI ๋„๊ตฌ ํ‚คํŠธ๊ฐ€ ์ƒˆ ํ”„๋กœ์ ํŠธ์˜ ๊ธฐ๋ณธ ์˜ต์…˜์œผ๋กœ ์ œ๊ณต๋˜์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋„๋ก ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

Flamingo์˜ ๋˜ ๋‹ค๋ฅธ ํŒ๋„๋ฅผ ๋ฐ”๊พธ๋Š” ์‹คํ—˜์  ๊ธฐ๋Šฅ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์—ฐ๊ฒฐ๋œ ์žฅ์น˜๋‚˜ ์—๋ฎฌ๋ ˆ์ดํ„ฐ์— ์ฝ”๋“œ ์ˆ˜์ •์„ ํ‘ธ์‹œํ•œ ๋‹ค์Œ ์‹ค์‹œ๊ฐ„์œผ๋กœ UI ์ƒˆ๋กœ ๊ณ ์นจ์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ผ์ด๋ธŒ ํŽธ์ง‘์ž…๋‹ˆ๋‹ค. Flamingo๋Š” ๋˜ํ•œ Compose ๊ตฌ์„ฑ ์ถ”์ ์„ ์ง€์›ํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์‹œ์Šคํ…œ ์ถ”์  ํ”„๋กœํŒŒ์ผ๋Ÿฌ ๋‚ด์—์„œ Compose ๊ธฐ๋Šฅ์„ ์ถ”์ ํ•˜๊ณ  ๋ Œ๋”๋ง ์‹œ๊ฐ„์„ ์ธก์ •ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.

Android Studio Flamingo์˜ ๋‹ค๋ฅธ ์ฃผ๋ชฉํ• ๋งŒํ•œ ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • ์‚ฌ์šฉ์ž๊ฐ€ ์‹คํ–‰ํ•  ๋””๋ฒ„๊ทธ ๋ถˆ๊ฐ€๋Šฅํ•œ ๋นŒ๋“œ ํ”„๋กœํŒŒ์ผ๋ง์„ ๋‹จ์ˆœํ™”ํ•˜๋Š” ์›ํด๋ฆญ ์ž๋™ํ™” ํ”„๋กœํŒŒ์ผ ๊ฐ€๋Šฅ ๋นŒ๋“œ ๋ฐ ์‹คํ–‰ ์˜ต์…˜์ž…๋‹ˆ๋‹ค.
  • ๋นŒ๋“œ ๋ถ„์„๊ธฐ๋Š” ์ด์ œ ์ž‘์—…์„ ๋งค๋‹ˆํŽ˜์ŠคํŠธ, Android ๋ฆฌ์†Œ์Šค, Kotlin ๋ฐ Dexing๊ณผ ๊ฐ™์€ ํŽธ๋ฆฌํ•œ ๋ฒ”์ฃผ๋กœ ์ •๋ ฌํ•ฉ๋‹ˆ๋‹ค.
  • ๋™์  ์ƒ‰์ƒ์„ ์•ฑ์— ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ @Preview ์ปดํฌ์ €๋ธ”์˜ ์ƒˆ๋กœ์šด ๋ฐฐ๊ฒฝ ํ™”๋ฉด ์†์„ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ๋ฐฐ๊ฒฝ ํ™”๋ฉด์„ ์ „ํ™˜ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๋ฐฐ๊ฒฝ์— ๋Œ€ํ•œ UI์˜ ๋ฐ˜์‘์„ ๊ด€์ฐฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • Lint ์ง€์› ๊ธฐ๋Šฅ ํ–ฅ์ƒ์„ ํ†ตํ•ด SDK ํ™•์žฅ์„ ์Šค์บ”ํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๊ธฐ๋ณธ์ ์œผ๋กœ Network Inspector๋Š” ์ „์ฒด ํƒ€์ž„๋ผ์ธ์˜ ๋ชจ๋“  ํŠธ๋ž˜ํ”ฝ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
  • Layout Inspector๋Š” ํฌ๊ทธ๋ผ์šด๋“œ ํ”„๋กœ์„ธ์Šค์— ์ž๋™์œผ๋กœ ์—ฐ๊ฒฐ๋˜๋ฏ€๋กœ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•ฑ์— ์—ฐ๊ฒฐํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

Flamingo๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋นŒ๋“œ๋ฅผ ์œ„ํ•œ Android Gradle 8.0 ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ ํ†ตํ•ฉ๋˜์–ด ๋‹ค์–‘ํ•œ ํ”Œ๋ž˜๊ทธ์˜ ๊ฐ’ ๋ณ€๊ฒฝ์— ๋Œ€ํ•œ ์ œํ•œ์„ ํฌํ•จํ•˜์—ฌ ์—ฌ๋Ÿฌ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ํ†ตํ•ฉํ•ฉ๋‹ˆ๋‹ค.

๋Š์ž„์—†์ด ์ง„ํ™”ํ•˜๋Š” ์•ฑ ๊ฐœ๋ฐœ ์„ธ๊ณ„์—์„œ๋Š” ์ตœ์ฒจ๋‹จ ๋„๊ตฌ์™€ ํ”Œ๋žซํผ์„ ํ™œ์šฉํ•˜์—ฌ ๊ฐ•๋ ฅํ•œ ์†”๋ฃจ์…˜์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๋ฐฑ์—”๋“œ, ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ•๋ ฅํ•œ no-code ํ”Œ๋žซํผ์ธ AppMaster ์™€ ๊ฐ™์€ ํ”Œ๋žซํผ์„ ํ†ตํ•ด ์ „๋ฌธ๊ฐ€๋Š” ์†๋„์™€ ํšจ์œจ์„ฑ์„ ์ œ๊ณตํ•˜๋Š” ๋™์‹œ์— ๋น„์šฉ์„ ์ ˆ๊ฐํ•˜์—ฌ ๊ฒŒ์ž„์—์„œ ์•ž์„œ ๋‚˜๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. AppMaster Compose์˜ ์ฒซ ๋ฒˆ์งธ ๋ฒ„์ „๋ถ€ํ„ฐ Android ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ Jetpack Compose ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. 60,000๋ช… ์ด์ƒ์˜ ์‚ฌ์šฉ์ž๋ฅผ ๋ณด์œ ํ•˜๊ณ  ์žˆ๋Š” AppMaster G2์—์„œ ๋…ธ์ฝ”๋“œ ๊ฐœ๋ฐœ ํ”Œ๋žซํผ ๋ถ„์•ผ์˜ ๊ณ ์„ฑ๋Šฅ ๋ฐ ๋ชจ๋ฉ˜ํ…€ ๋ฆฌ๋”๋กœ ์ธ์ •๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

Easy to start
Create something amazing

Experiment with AppMaster with free plan.
When you will be ready you can choose the proper subscription.

Get Started
ํ˜์‹ ์ ์ธ Android Studio Flamingo, Jetpack Compose ๋ฐ Live Edit๋กœ UI ๋„๊ตฌ ํ–ฅ์ƒ | AppMaster