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

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

AppMaster ์˜ ๋งฅ๋ฝ์—์„œ Hero ์„น์…˜์€ ํ”Œ๋žซํผ์˜ drag-and-drop ๊ธฐ๋Šฅ๊ณผ ๋‚ด์žฅ๋œ ๋””์ž์ธ ์š”์†Œ ๋ฐ ํ…œํ”Œ๋ฆฟ์„ ํ™œ์šฉํ•˜์—ฌ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋””์ž์ธ์— ์ฃผ๋กœ ํ™œ์šฉ๋ฉ๋‹ˆ๋‹ค. AppMaster ์˜ Web BP Designer๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๋Š” Hero ์„น์…˜ ๋‚ด์˜ ๊ฐ ๊ตฌ์„ฑ ์š”์†Œ์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ์ƒ์„ฑํ•˜์—ฌ ๋‚˜๋จธ์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ์˜ ์›ํ™œํ•œ ํ†ตํ•ฉ ๋ฐ ์ƒํ˜ธ ์ž‘์šฉ์„ ๋ณด์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ AppMaster์—์„œ ์ƒ์„ฑ๋œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ Vue3 ํ”„๋ ˆ์ž„์›Œํฌ์™€ JS/TS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํšจ์œจ์ ์ธ ์„ฑ๋Šฅ๊ณผ ์ตœ์‹  ์›น ํ”„๋ ˆ์ž„์›Œํฌ ๋ฐ ํ‘œ์ค€๊ณผ์˜ ํ˜ธํ™˜์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

๋ช‡ ๊ฐ€์ง€ ์ฃผ์š” ์ธก๋ฉด์€ ์‚ฌ์šฉ์ž ์ฐธ์—ฌ์™€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ฑ๊ณต์„ ์ด‰์ง„ํ•˜๋Š” ํžˆ์–ด๋กœ ์„น์…˜์˜ ์ „๋ฐ˜์ ์ธ ํšจ์œจ์„ฑ์— ๊ธฐ์—ฌํ•ฉ๋‹ˆ๋‹ค.

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

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

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

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

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

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