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

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

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

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

๋˜ํ•œ Fragments๋Š” Android ์ˆ˜๋ช… ์ฃผ๊ธฐ ๊ด€๋ฆฌ์™€์˜ ์›ํ™œํ•œ ํ†ตํ•ฉ์„ ์ œ๊ณตํ•˜๋ฏ€๋กœ ์ƒ์œ„ ํ™œ๋™๊ณผ ๊ด€๊ณ„์—†์ด ๋‹ค์–‘ํ•œ ์ˆ˜๋ช… ์ฃผ๊ธฐ ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์ฒด ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ ์ด๋ฒคํŠธ์— ์‘๋‹ตํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ํ™œ๋™์˜ ๋ฐฑ์Šคํƒ์—๋„ ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์–ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ์ ˆํ•œ ๋’ค๋กœ ํƒ์ƒ‰ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ์˜ ์ „์ฒด ๊ตฌ์กฐ์™€ ์œ ์ง€ ๊ด€๋ฆฌ ๊ฐ€๋Šฅ์„ฑ์ด ํ–ฅ์ƒ๋˜๋Š” ๋™์‹œ์— UI ๊ตฌ์„ฑ ์š”์†Œ ๊ด€๋ฆฌ ๋ฐ ์ƒํ˜ธ ์ž‘์šฉ์˜ ๋ณต์žก์„ฑ์ด ์ค„์–ด๋“ญ๋‹ˆ๋‹ค.

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

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

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