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 ์์ ์์ฑ์ ๋ ๋๋งํฉ๋๋ค.