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

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

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

AppMaster ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ผ๋””์˜ค ๊ทธ๋ฃน์„ ์ƒ์„ฑํ•  ๋•Œ์˜ ์ฃผ์š” ์ด์  ์ค‘ ํ•˜๋‚˜๋Š” ํ”Œ๋žซํผ์ด ๊ทธ๋ฃนํ™”๋œ ๋ผ๋””์˜ค ๋ฒ„ํŠผ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ์ฝ”๋“œ ์ƒ์„ฑ, API, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ ๋ฐ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ์ž๋™์œผ๋กœ ์ฒ˜๋ฆฌํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋Š” UI ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ์ˆœํ™”ํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ AppMaster ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ๋œ ๋ผ๋””์˜ค ๊ทธ๋ฃน์ด ํ™•๋ฆฝ๋œ ๋ชจ๋ฒ” ์‚ฌ๋ก€ ๋ฐ ์ ‘๊ทผ์„ฑ ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ค€์ˆ˜ํ•˜๋„๋ก ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ AppMaster ํ”Œ๋žซํผ์€ ์›น ์•ฑ์šฉ Vue3, Android์šฉ Kotlin ๋ฐ Jetpack Compose, iOS์šฉ SwiftUI ์‚ฌ์šฉํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•˜๋ฏ€๋กœ ๊ฐœ๋ฐœ์ž๋Š” ์ƒ์„ฑ๋œ Radio Group ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ํ”Œ๋žซํผ์— ์ตœ์ ํ™”๋˜์–ด ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ ๋ฐ ํ™˜๊ฒฝ์—์„œ ์ผ๊ด€๋œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณด์žฅํ•œ๋‹ค๋Š” ์ ์„ ํ™•์‹ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์žฅ์น˜.

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

๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ์ธก๋ฉด์—์„œ AppMaster ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ๋œ Radio Group์€ ํ”Œ๋žซํผ์˜ ๋ฐ์ดํ„ฐ ๋ชจ๋ธ ๋ฐ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์Šคํ‚ค๋งˆ์™€ ์›ํ™œํ•˜๊ฒŒ ํ†ตํ•ฉ๋ฉ๋‹ˆ๋‹ค. ์ฆ‰, ์‚ฌ์šฉ์ž๊ฐ€ ๊ทธ๋ฃน ๋‚ด์˜ ๋ผ๋””์˜ค ๋ฒ„ํŠผ์„ ์„ ํƒํ•˜๋ฉด ํ•ด๋‹น ๊ฐ’์ด ํŠน์ • ๋ฐ์ดํ„ฐ ๋ชจ๋ธ ์†์„ฑ ๋˜๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ•„๋“œ์— ์‰ฝ๊ฒŒ ๋ฐ”์ธ๋”ฉ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋ผ๋””์˜ค ๊ทธ๋ฃน๊ณผ์˜ ์‚ฌ์šฉ์ž ์ƒํ˜ธ ์ž‘์šฉ์œผ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์‰ฝ๊ฒŒ ์ €์žฅ, ๊ฒ€์ƒ‰ ๋ฐ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ. ๋˜ํ•œ AppMaster ํ”Œ๋žซํผ์€ REST API ๋ฐ WebSocket endpoints ์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ์ง€์›์„ ํ†ตํ•ด Radio Group ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์™ธ๋ถ€ ์‹œ์Šคํ…œ์€ ๋ฌผ๋ก  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋‹ค๋ฅธ ๋ถ€๋ถ„๊ณผ ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜์—ฌ ์ƒ์„ฑ๋œ ์†Œํ”„ํŠธ์›จ์–ด ์†”๋ฃจ์…˜์˜ ์ „๋ฐ˜์ ์ธ ๊ธฐ๋Šฅ๊ณผ ๊ฐ€์น˜๋ฅผ ๋”์šฑ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

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