์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI) ์์์ ๋งฅ๋ฝ์์ "ํ์๊ฒฝ๋ก"(ํ์๊ฒฝ๋ก ํธ๋ ์ผ ๋๋ ํ์๊ฒฝ๋ก ํ์์ด๋ผ๊ณ ๋ ํจ)๋ ์ฌ์ฉ์๊ฐ ์น์ฌ์ดํธ, ์น ์ ํ๋ฆฌ์ผ์ด์ ๋๋ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณด ๋ด์์ ์์ ์ ์์น๋ฅผ โโ์ดํดํ๋ ๋ฐ ๋์์ด ๋๋ ๋ณด์กฐ ํ์ ๋ฐฉ๋ฒ์ ๋๋ค. ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ์ ๊ณตํ๋ฉฐ ์ด์ ๋ ๋ฒจ์ด๋ ์น์ ์ผ๋ก ๋ค์ ํ์ํ ์ ์๋ ์ฝ๊ณ ํจ์จ์ ์ธ ์๋จ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ฉ์์ ๋ฐฉํฅ ๊ฐ๊ฐ ์์ค์ ์ํํ๊ณ ์ฌ์ฉ์์ ์ ๋ฐ์ ์ธ ๊ฒฝํ์ ํฅ์์ํค๋ ๋ฐ ๋์์ด ๋๋ฏ๋ก ๊ณ์ธต ๊ตฌ์กฐ๊ฐ ๊น์ ๋ณต์กํ ์น ์ฌ์ดํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์์ ํนํ ์ค์ํฉ๋๋ค.
๋นต๋ถ์ค๋ฌ๊ธฐ(Breadcrumbs)๋ผ๋ ์ด๋ฆ์ ํจ์ ค๊ณผ ๊ทธ๋ ํ ์ ์ ๋ช ํ ์ด์ผ๊ธฐ์์ ์ ๋๋์๋๋ฐ, ์ฌ๊ธฐ์ ๋ฑ์ฅ์ธ๋ฌผ๋ค์ ๋นต๋ถ์ค๋ฌ๊ธฐ์ ํ์ ์ ์ฌ์ฉํ์ฌ ์ฒ ์์ผ๋ก ๋๋์๊ฐ๋ ๊ธธ์ ์ถ์ ํ์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก, ๋์งํธ ์ธ๊ณ์์ ํ์๊ฒฝ๋ก ํ์์ ์ฌ์ฉํ๋ฉด ์ฌ์ฉ์๊ฐ ์์ ์ ๋จ๊ณ๋ฅผ ๋๋๋ฆด ์ ์์ผ๋ฏ๋ก ๊ธฐ๋ณธ ๋ฉ๋ด๋ ๋ธ๋ผ์ฐ์ ์ ๋ค๋ก ๋ฒํผ์๋ง ์์กดํ๋ ๊ฒ๋ณด๋ค ๋ ํธ์ํ๊ณ ๊ฐ๋จํ ํ์ ์๋จ์ ์ ๊ณตํฉ๋๋ค.
์น ๋์์ธ์ ์ผ๋ถ๋ก ์ด๋ ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ๋ ๊ฐ๋ ์ ๋์์ด๋๊ฐ ๋ณต์กํ ์น ์ฌ์ดํธ์ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณด๋ค ์ฌ์ฉ์ ์นํ์ ์ผ๋ก ๋ง๋ค๊ธฐ ์ํด ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ์ ๋ณด ์ํคํ ์ฒ์ ์ฐ์ ์์๋ฅผ ์ ํ๊ธฐ ์์ํ 1990๋ ๋๋ก ๊ฑฐ์ฌ๋ฌ ์ฌ๋ผ๊ฐ๋๋ค. ์ด๋ ๊ฒฝ๋ก๋ ํ์์ ์ง๊ด์ ์ผ๋ก ๋ง๋ค๊ณ , ๋ชฉ์ ์ง์ ๋๋ฌํ๋ ๋ฐ ํ์ํ ํด๋ฆญ ์๋ฅผ ์ค์ด๋ฉฐ, ์ฌ์ฉ์๊ฐ ์น ์ฌ์ดํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ๋ด ๋ค์ํ โโ์น์ ๊ณผ ํ์ด์ง ๊ฐ์ ์ํธ ๊ด๊ณ๋ฅผ ๋ ์ฝ๊ฒ ์ดํดํ ์ ์๋๋ก ํ๊ธฐ ๋๋ฌธ์ ์ธ๊ธฐ ์๋ UI ์์๋ก ๋จ์ ์์ต๋๋ค.
์ด๋ ๊ฒฝ๋ก๋ ์ผ๋ฐ์ ์ผ๋ก ํ ํ์ด์ง(๋๋ ๋ฃจํธ)์์ ํ์ฌ ์์น๊น์ง ์ฌ์ฉ์์ ์ฌ์ ์ ๋ํ๋ด๋ ์ํ ๋งํฌ ๋ชฉ๋ก์ผ๋ก ๋ํ๋ฉ๋๋ค. ์ด๋ ๊ฒฝ๋ก๋ ์ผ๋ฐ์ ์ผ๋ก ํ์ด์ง ์๋จ, ๊ธฐ๋ณธ ํ์ด์ง ํค๋ ์๋์ ์ฝํ ์ธ ์์ญ ์์ ๋ฐฐ์น๋ฉ๋๋ค. ์ด๋ ๊ฒฝ๋ก ํธ๋ ์ผ์ ๋งํฌ๋ ์ฌ๋์, ๊บพ์ ๊ดํธ ๋๋ ๊ฐ๋งค๊ธฐํ ํ์์ ๊ฐ์ ์๊ฐ์ ๊ตฌ๋ถ ๊ธฐํธ๋ก ๊ตฌ๋ถ๋๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค.
ํ์๊ฒฝ๋ก ํ์์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ธ ๊ฐ์ง ์ ํ์ด ์์ต๋๋ค.
- ์์น ๊ธฐ๋ฐ: ์ด๋ฌํ ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ดํธ ๋๋ ์ ํ๋ฆฌ์ผ์ด์ ๊ณ์ธต ๋ด์์ ์ฌ์ฉ์์ ํ์ฌ ์์น๋ฅผ ํ์ํ๊ณ ๋ค์ํ ์น์ ๊ณผ ํ์ ์น์ ๊ฐ์ ๊ด๊ณ๋ฅผ ๋ณด์ฌ์ค๋๋ค. ์์น ๊ธฐ๋ฐ ์ด๋ ๊ฒฝ๋ก๋ ์ ์ ์๊ฑฐ๋ ์ฌ์ดํธ, ๋ธ๋ก๊ทธ, ๊ต์ก ํ๋ซํผ๊ณผ ๊ฐ์ด ์ ์ ์๋ ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง ์น์ฌ์ดํธ์์ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค.
- ์์ฑ ๊ธฐ๋ฐ: ์์ฑ ๊ธฐ๋ฐ ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ฉ์์๊ฒ ํ์ฌ ๋ณด๊ณ ์๋ ์ฝํ ์ธ ์ ๋ค์ํ ๊ด๋ จ ์์ฑ ๋๋ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ํ์ํ์ฌ ๊ด๋ จ ์ฝํ ์ธ ๋ฅผ ํ์ํ๊ณ ํ์ํ ์ ์๋ ๋์ฒด ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ฌํ ์ ํ์ ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ฉ์๊ฐ ํฌ๊ธฐ, ์์, ๋ธ๋๋์ ๊ฐ์ ์์ฑ์ ๊ธฐ์ค์ผ๋ก ์ ํ์ด๋ ๊ฒ์ ๊ฒฐ๊ณผ๋ฅผ ํํฐ๋งํ ์ ์๋ ์ ์ ์๊ฑฐ๋ ์น์ฌ์ดํธ๋ ์ฑ์์ ์์ฃผ ์ฌ์ฉ๋ฉ๋๋ค.
- ๊ฒฝ๋ก ๊ธฐ๋ฐ: ๊ฒฝ๋ก ๊ธฐ๋ฐ ์ด๋ ๊ฒฝ๋ก๋ ์๊ฒฉํ ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ํ์ํ๋ ๋์ ์ฌ์ฉ์์ ์ค์ ํ์ ๊ฒฝ๋ก, ์ฆ ์ฌ์ฉ์๊ฐ ํ์ฌ ์์น์ ๋๋ฌํ๊ธฐ ์ํด ๋ฐฉ๋ฌธํ ํ์ด์ง ๋๋ ์น์ ์ ์์๋ฅผ ํ์ํฉ๋๋ค. ๊ฒฝ๋ก ๊ธฐ๋ฐ ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ฉ์๊ฐ ์์ ์ ๋จ๊ณ๋ฅผ ์ถ์ ํ๊ณ ํ์ ๊ธฐ๋ก์ ํน์ ์ง์ ์ผ๋ก ๋์๊ฐ๋ ๋ฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์์น ๊ธฐ๋ฐ ๋ฐ ์์ฑ ๊ธฐ๋ฐ ํ์๊ฒฝ๋ก์ ๋นํด ์์ธก ๊ฐ๋ฅ์ฑ์ด ๋ฎ๊ณ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋์ง ์์ ์ ์์ต๋๋ค.
AppMasterno-code ํ๋ซํผ์์๋ ํ๋ซํผ์ ๊ฐ๋ ฅํ drag-and-drop UI ํธ์ง๊ธฐ ๋๋ถ์ ์ด๋ ๊ฒฝ๋ก ์ค๊ณ ๋ฐ ๊ตฌํ์ด ๊ฐ๋จํ ํ๋ก์ธ์ค์ธ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ฅผ ํตํด ๊ธฐ์ ์ง์์ด ์๋ ์ฌ์ฉ์๋ผ๋ ์ต์ํ์ ๋ ธ๋ ฅ์ผ๋ก ๋ณต์กํ๊ณ ๋ฐ์์ฑ์ด ๋ฐ์ด๋๋ฉฐ ๊ธฐ๋ฅ์ด ๋ฐ์ด๋ ์น ๋ฐ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค๊ณ ์ ์ง ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ๋ํ ํ๋ซํผ์ ์ง๋ฅํ ์๋ํ๋ฅผ ํตํด ๊ฐ๋ฐ์๋ ๋จ์ผ ์ฒญ์ฌ์ง ์ธํธ์์ ๋ฐฑ์๋, ์น, ๋ชจ๋ฐ์ผ์ ํฌํจํ ๋ค์ํ ํ๋ซํผ์ฉ ์ ํ๋ฆฌ์ผ์ด์ ์ ํจ์จ์ ์ผ๋ก ์์ฑํ ์ ์์ต๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก, ์ด๋ ๊ฒฝ๋ก๋ ์ฌ์ฉ์๊ฐ ๋ณต์กํ ์น ์ฌ์ดํธ์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฝ๊ฒ ํ์ํ๊ณ ์ดํดํ๋ ๋ฐ ๋์์ด ๋๋ ์ค์ํ UI ์์์ ๋๋ค. ์ด๋ ๊ณ์ธต ๊ตฌ์กฐ ๋๋ ํ์ ๊ฒฝ๋ก๋ฅผ ํ์ํ๊ณ ํ์ํ๋ ๊ฐ๋จํ๊ณ ์ง๊ด์ ์ธ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ฉฐ ์ ๋์์ธ๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค์ ํ์์ ์ธ ์ถ๊ฐ ๊ธฐ๋ฅ์ ๋๋ค. AppMaster ์ ๊ฐ์ ํ๋ซํผ์ ์ฌ์ฉํ๋ฉด ์ด๋ ๊ฒฝ๋ก ๋ฐ ๊ธฐํ ์ค์ํ UI ์์ ๊ตฌํ์ ๋ํ ์ ๊ทผ์ฑ์ด ๋์์ง๋ฏ๋ก ๊ฐ๋ฐ์์ ๊ธฐ์ ์ง์์ด ์๋ ์ฌ์ฉ์ ๋ชจ๋ ํจ๊ณผ์ ์ด๊ณ ์ฌ์ฉ์ ์นํ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋น ๋ฅด๊ณ ๋น์ฉ ํจ์จ์ ์ผ๋ก ๋ง๋ค ์ ์์ต๋๋ค.