๐ UX/UI ๋์์ด๋๋ฅผ ์ํ ์ค๋ฌด ํผ๊ทธ๋ง
UX/UI ๋์์ด๋๋ฅผ ์ํ ์ค๋ฌด ํผ๊ทธ๋ง๋ฅผ ์ฝ๊ณ
์ ๋ชฉ | ๋ ์์ผ | ์ถํ์ฌ |
---|---|---|
UX/UI ๋์์ด๋๋ฅผ ์ํ ์ค๋ฌด ํผ๊ทธ๋ง | 2023/03/13 | ํ๋น๋ฏธ๋์ด |
Intance Finder๋ผ๋ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ฉด ์ด๋ค๊ฒ ์ถ๊ฐ๊ฐ ๋ ์ปดํฌ๋ํธ์ธ์ง ์ ์ ์๋ค.
์ํ
ํ์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ํผ๊ทธ๋ง์ ์์ฃผ ๊ฐ๊น๊ฒ ์ผ์ ํ๊ณ ์๋ค. ๊ฑฐ์ ๋งค์ผ ๋์์ด๋๊ฐ ๋ง๋ค์ด์ค ui kit๋ฅผ ์์ ํ๊ณ , ํผ๊ทธ๋ง๋ก ๊ทธ๋ ค์ง ํ๋ก์ ํธ ๋์์ธ ํ์ผ์ ๋ณด๊ณค ํ๋ค. ํนํ ui kit๋ฅผ ์์ ํ๋ ์ผ์ ๋ฌด์ฒ ๋ฒ๊ฑฐ๋กญ๊ณ ๋ฐ๊พธ๊ธฐ๊ฐ ์ฝ์ง ์์ ์์ ์ด๋ค. ์ฝ๋๋ฅผ ์์ ํ๊ณ ์ ๋ฐ์ดํธ ํ๊ณ ๋น๋ ์์ผ npm์ ๋ฐฐํฌ๋ฅผ ์ํค๋๋ฐ ์๊ฐ์ ๋ง์ด ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ด๋ค. ์ด ์ฑ ์๋ ๋ง์ ๋จ์ถํค๋ค๊ณผ ์ฌ์ฉ๋ฐฉ๋ฒ์ด ์์ธํ ๋์์์ด ๊ทธ๋ฐ ์ธ๋ฐ์๋ ์๊ฐ๋ค์ ๋จ์ถํ๋๋ฐ ๋์์ ์ค๋ค. ํนํ ํ์๋ ๊ฐ๋ฐ์๊ฐ ํผ๊ทธ๋ง๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ณด๊ณ ํ์ฌ์ ๋์ ํ๋ฉด ์ฐธ ์ข์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ์๋ง ๋์ ํ๊ฒ ๋๋ค๋ฉด ์ ์ด๋ css๋ก ์ธํ ์๊ฐ์ ๋ ๋บ๊ธฐ์ง ์์๊น ์ถ๋ค. ๋์์ด๋๋ผ๋ฉด ์์ ํผ๊ทธ๋ง๊ฐ ๋์์ธ ๋งํผ ๊ผญ ์ด ์ฑ ์ ์ฝ์ด๋ณด๋ ๊ฒ์ ๊ฐ๋ ฅ ์ถ์ฒํ๋ค. ๋ํ UX/UI์ ๊ด์ฌ์ด ์๋ ๊ฐ๋ฐ์์๊ฒ๋ ์ด ์ฑ ์ ์ถ์ฒํ๋ค. ์ถ์ฒ์ฌ์ ๋ง์ฒ๋ผ ์ด ์ ์์ ๊ฟํ์ ๋งค์ฐ ๊ฐ์ฌํ ์์ค์ด๋๊น.
์ด ์ํ์ ํ๋น๋ฏธ๋์ด [๋๋ ๋ฆฌ๋ทฐ์ด๋ค] ํ๋์ ์ํด์ ์ฑ ์ ์ ๊ณต๋ฐ์ ์์ฑ๋ ์ํ์ ๋๋ค.