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

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

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

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

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

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

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

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