Android ์•ฑ ๊ฐœ๋ฐœ์˜ ๋งฅ๋ฝ์—์„œ Drawable์€ ์ด๋ฏธ์ง€, ๋ชจ์–‘, ๊ทธ๋ผ๋ฐ์ด์…˜ ๋“ฑ๊ณผ ๊ฐ™์€ ์‹œ๊ฐ์  ์š”์†Œ ํ‘œํ˜„๊ณผ ๊ด€๋ จ๋œ ์ค‘์š”ํ•œ ๊ตฌ์„ฑ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ทธ๋ž˜ํ”ฝ ์š”์†Œ๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ ๋งค๋ ฅ์ ์ด๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. Drawable์€ ๋‹ค์–‘ํ•œ ํ™”๋ฉด ํฌ๊ธฐ์™€ ๋ฐ€๋„์— ๊ฑธ์ณ ํ™•์žฅ ๊ฐ€๋Šฅํ•˜๋„๋ก ์„ค๊ณ„๋˜์–ด ๋‹ค์–‘ํ•œ Android ๊ธฐ๊ธฐ์—์„œ ์ผ๊ด€๋œ ๋ชจ์–‘์„ ์กฐ์„ฑํ•ฉ๋‹ˆ๋‹ค.

Android ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ Drawable์€ ๋ชจ๋“  ์œ ํ˜•์˜ ์‹œ๊ฐ์  ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ์š”์†Œ ์—ญํ• ์„ ํ•˜๋Š” ์ถ”์ƒ ํด๋ž˜์Šค์ž…๋‹ˆ๋‹ค. ์ด๋Š” BitmapDrawable, ShapeDrawable, ColorDrawable ๋ฐ GradientDrawable๊ณผ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ํ•˜์œ„ ํด๋ž˜์Šค๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ, ๊ฐ๊ฐ์€ ํŠน์ • ์œ ํ˜•์˜ ์‹œ๊ฐ์  ์ฝ˜ํ…์ธ ๋ฅผ ์ œ๊ณตํ•˜๊ณ  ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊ณ ์œ ํ•œ ๋””์ž์ธ ๊ฐ€๋Šฅ์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” ์ด๋Ÿฌํ•œ ํ•˜์œ„ ํด๋ž˜์Šค๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์•ฑ์˜ ๊ธฐ๋Šฅ์„ ํšจ๊ณผ์ ์œผ๋กœ ์ „๋‹ฌํ•˜๊ณ  ๋ฏธํ•™์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ์‚ฌ์šฉ์ž ์ •์˜ ๊ทธ๋ž˜ํ”ฝ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ ์Šคํƒ€์ผ์„ ๋””์ž์ธํ•˜๊ณ  ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

AppMaster ์˜ ํ˜์‹ ์ ์ธ no-code ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ธฐ์ˆ ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ๋žŒ์ด๋ผ๋„ ๋‹ค์–‘ํ•œ ์œ ํ˜•์˜ Drawable์„ ํ™œ์šฉํ•˜์—ฌ ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ Android ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ์š”์†Œ ๋ฐ ๋ฐ์ดํ„ฐ ๋ชจ๋ธ๊ณผ ๊ฐ™์€ ๋‹ค๋ฅธ ๊ตฌ์„ฑ ์š”์†Œ์™€ ์›ํ™œํ•˜๊ฒŒ ํ†ตํ•ฉ๋  ์ˆ˜ ์žˆ์–ด ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์•ฑ ๊ฐœ๋ฐœ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

๋“œ๋กœ์–ด๋ธ”์€ ๋‹ค์–‘ํ•œ ํ™”๋ฉด ํฌ๊ธฐ์™€ ํ•ด์ƒ๋„์— ์ž๋™์œผ๋กœ ์ตœ์ ํ™”๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ Android ๊ธฐ๊ธฐ์—์„œ ํšจ์œจ์ ์ธ ๊ทธ๋ž˜ํ”ฝ ๋ Œ๋”๋ง์„ ์šฉ์ดํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์žฅ์น˜์˜ ํ™”๋ฉด ๋ฉ”ํŠธ๋ฆญ์— ๊ด€๊ณ„์—†์ด ์‹œ๊ฐ์  ๊ฐœ์ฒด๊ฐ€ ์˜๋„ํ•œ ๋ชจ์–‘์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ XML ์†์„ฑ์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ Kotlin ๋˜๋Š” Java ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ ์‰ฝ๊ฒŒ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์‚ฌ์šฉ์ž ์ž…๋ ฅ ๋ฐ ์ƒํ˜ธ ์ž‘์šฉ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ด‘๋ฒ”์œ„ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๋ฐ ์‘๋‹ต์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

Android ๊ฐœ๋ฐœ์—์„œ Drawables์˜ ์ผ๋ฐ˜์ ์ธ ์‚ฌ์šฉ ์‚ฌ๋ก€ ์ค‘ ํ•˜๋‚˜๋Š” ์ ์‘ํ˜• ๋ฐ ๋Œ€ํ™”ํ˜• ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋“œ๋กœ์–ด๋ธ”์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฒ„ํŠผ ๋ฐ ๊ธฐํƒ€ ๋Œ€ํ™”ํ˜• ์š”์†Œ์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๋ฐฐ๊ฒฝ, ํ…Œ๋‘๋ฆฌ ๋˜๋Š” ์‹œ๊ฐ์  ํ”ผ๋“œ๋ฐฑ์„ ์ •์˜ํ•˜๊ณ  ๋ˆ„๋ฅด๊ธฐ, ์ง‘์ค‘ ๋˜๋Š” ๋น„ํ™œ์„ฑํ™”์™€ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ์ƒํƒœ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋””์ž์ธ์— Drawable์„ ํ†ตํ•ฉํ•จ์œผ๋กœ์จ ๊ฐœ๋ฐœ์ž๋Š” ๋…ํŠนํ•œ ์Šคํƒ€์ผ์„ ๊ณ ์•ˆํ•˜์—ฌ ์˜ํ–ฅ๋ ฅ ์žˆ๊ณ  ๊ธฐ์–ต์— ๋‚จ๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณด์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Drawables์˜ ๋˜ ๋‹ค๋ฅธ ํ•„์ˆ˜ ์ธก๋ฉด์€ 9ํŒจ์น˜ ์ด๋ฏธ์ง€(9ํŒจ์น˜๋ผ๊ณ ๋„ ํ•จ) ์ง€์›๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ํ”ฝ์…€๋กœ ์ •์˜๋œ ํฌ๊ธฐ ์กฐ์ • ๊ฐ€๋Šฅํ•œ ์˜์—ญ์œผ๋กœ ๊ตฌ์„ฑ๋œ ํŠน์ˆ˜ํ•œ BitmapDrawables๋กœ, ์ฝ˜ํ…์ธ  ํฌ๊ธฐ์— ๋”ฐ๋ผ ์‹œ๊ฐ์  ํฌ๊ธฐ์˜ ์ž๋™ ํฌ๊ธฐ ์กฐ์ •์„ ์šฉ์ดํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ๋‚˜์ธ ํŒจ์น˜ ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๋Š” ์ง€์†์ ์œผ๋กœ ์ฆ๊ฐ€ํ•˜๋Š” ๋‹ค์–‘ํ•œ Android ๊ธฐ๊ธฐ ๋ฐ ํ•ด์ƒ๋„์— ํšจ๊ณผ์ ์œผ๋กœ ๋Œ€์‘ํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ์ ์œผ๋กœ ์ผ๊ด€๋˜๊ณ  ์ ์‘ ๊ฐ€๋Šฅํ•œ ์ž์‚ฐ์„ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Android ํ”Œ๋žซํผ์€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ Drawable์˜ ์‚ฌ์šฉ๊ณผ ํ†ตํ•ฉ์„ ๊ฐ„์†Œํ™”ํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Android Studio ์ถฉ์‹ค๋„๋ฅผ ์žƒ์ง€ ์•Š๊ณ  ๋ฌดํ•œํžˆ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋Š” XML ๊ธฐ๋ฐ˜ ๊ทธ๋ž˜ํ”ฝ์ธ ๋งž์ถคํ˜• VectorDrawable์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์ง€์› ๊ธฐ๋Šฅ์„ ๋‚ด์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ฐœ๋ฐœ์ž๋Š” Android์˜ Asset Studio๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ธฐ์กด ๋ž˜์Šคํ„ฐ ์ด๋ฏธ์ง€๋ฅผ VectorDrawable๋กœ ๋ณ€ํ™˜ํ•˜๊ณ , ๊ธฐ์กด ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ•˜๊ณ , ์—ฌ๋Ÿฌ ํ™”๋ฉด ๋ฐ€๋„์— ๋งž๋Š” ์‹œ๊ฐ์  ์ž์‚ฐ์„ ์ƒ์„ฑํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด์žฅ๋œ Drawable ๊ตฌํ˜„ ์™ธ์—๋„ ๊ฐœ๋ฐœ์ž๋Š” ์œ ์—ฐ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ์ž ์ •์˜ Drawable ํ•˜์œ„ ํด๋ž˜์Šค๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งž์ถคํ˜• Drawable์€ ์ „๋ฌธ์ ์ธ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ๋ณด์œ ํ•˜๊ณ , ๊ณ ๊ธ‰ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ธฐ๋Šฅ์„ ์ง€์›ํ•˜๊ฑฐ๋‚˜, ์•ฑ ์š”๊ตฌ ์‚ฌํ•ญ์— ๋งž๋Š” ๋ณต์žกํ•œ ์‹œ๊ฐ์  ๋””์ž์ธ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งž์ถคํ˜• Drawable์„ ๊ตฌํ˜„ํ•˜๋ฉด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ํ‘œํ˜„๊ณผ ๋ฏธ์  ์ธก๋ฉด์„ ๋” ๋†’์€ ์ˆ˜์ค€์œผ๋กœ ์ œ์–ดํ•˜๊ณ  ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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