์์ ์์ ฏ์ ๋์งํธ ์ ํ๋ฆฌ์ผ์ด์ ์์ ์์์ ํตํฉํ๊ณ ์กฐ์ํ๋ ๋ฐ ๋์์ด ๋๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(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 ํ๋ซํผ ๋ด์์ ์์ ์์ ฏ์ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ์ฌ์ฉ์๋ ๋งค๋ ฅ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฝ๊ฒ ๋ง๋ค ์ ์์ผ๋ฉฐ ๋ค์ํ ๊ฐ๋ฐ ์๋๋ฆฌ์ค์์ ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ์ธํฐํ์ด์ค ๋์์ธ์ ์ํ ๊ฐ๋ ฅํ ๊ธฐ๋ฐ์ ์ ๊ณตํฉ๋๋ค.