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

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

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

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

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

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

Go(๋ฐฑ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ), Vue3 ํ”„๋ ˆ์ž„์›Œํฌ ๋ฐ JS/TS(์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ), Kotlin ๋ฐ Jetpack Compose (Android์šฉ), SwiftUI (iOS์šฉ)์™€ ๊ฐ™์€ ํ™•๋ฆฝ๋œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋Š” AppMaster ๊ธฐ๋Šฅ์€ ํ•ด๋‹น ์ƒ‰์ƒ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. ์œ„์ ฏ ์š”์†Œ๋Š” ์ƒ์„ฑ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ํšจ์œจ์ ์œผ๋กœ ํ†ตํ•ฉ๋˜๊ณ  ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ตœ์ ์˜ ์„ฑ๋Šฅ, ํ™•์žฅ์„ฑ ๋ฐ ์•ˆ์ •์„ฑ์„ ๋ณด์žฅํ•˜์—ฌ AppMaster ๊ณ ๋ถ€ํ•˜ ๋ฐ ๊ธฐ์—… ์‚ฌ์šฉ ์‚ฌ๋ก€์— ์ ํ•ฉํ•œ ํ”Œ๋žซํผ์œผ๋กœ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

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

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