
๐ Design System์ผ๋ก ์์ํ๋ ํ๋กฌํํธ
์์ฝ
๋์์ธ ์์คํ ๊ตฌ์ถ์ ์ํด ๊ณ ๋ํ๋ ํ๋กฌํํธ ํ์ฉ๋ฒ์ ์๊ฐํฉ๋๋ค. UI ์ปดํฌ๋ํธ ํตํฉ, ์์ด์ ํธ ๋ถํ , ์ค์๊ฐ ๊ฒ์ฆ ๊ณผ์ ์ ํฌํจํ ์ฒด๊ณ์ ์ธ ์ํฌํ๋ก์ฐ๋ฅผ ์ ์ํฉ๋๋ค.
ํต์ฌ ํฌ์ธํธ
- ๋์์ธ ์์คํ ๊ตฌ์ถ์ ์ํ ๊ตฌ์ฒด์ ์ธ ํ๋กฌํํธ ๊ตฌ์กฐ ์ ๊ณต
- ์์ด์ ํธ ๋ถํ ๋ฐ ๋ณ๋ ฌ ์์ ์ ํตํ ํจ์จ์ ์ธ ๊ตฌํ ๋ฐฉ์
- ์ํคํ ์ฒ ์ค๊ณ๋ถํฐ ์ค์๊ฐ ๊ฒ์ฆ๊น์ง ํฌํจ๋ ์๋ํฌ์๋ ๊ณํ
- ๋ฆฌํฉํฐ๋ง ๊ด์ ์์์ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํตํฉ ๊ฐ์ด๋
๐ Design System์ผ๋ก ์์ํ๋ ํ๋กฌํํธ
- ํ๋ก๋์
๋ ๋ฒจ UI DESIGN.md ์นดํ๋ก๊ทธ
https://t.co/BtBlxUgq4J
๋์์ธ ์์คํ ์ ์ํด์ ์ด ํ๋กฌํํธ๋ก ์์ํ๋ ๊ฒ๋ง์ผ๋ก๋ ํ๋ฆฌํฐ๋ฅผ ํฌ๊ฒ ๋ฐ๊ฟ ์ ์์ด์.
์ฌ๊ธฐ์ ๊ธ๋ก๋ฒ ๊ธฐ์ ๋ค์ ๋์์ธ ํจํด, ํ ํฐ, ๊ท์น์ ๋ด์ ์ ์ฅ์๋ฅผ ์ฎ์ผ๋ฉด ๋ ์ข์ฃ .
๐ฌ Prompt
Design System (ํฉ์ด์ง UI๋ฅผ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ํตํฉํ๊ธฐ)
์์ ๋ด์ฉ: ์ด ํ๋ก์ ํธ์ ์ฐ์ฌํด ์๋ UI ์ปดํฌ๋ํธ, ์คํ์ผ ํ ํฐ, ๋ฐ๋ณต๋๋ ์ธํฐ๋์ ์ ์ฌ์ฌ์ฉ ๋ฐ ์ ์ง๋ณด์๊ฐ ๊ฐ๋ฅํ ํ๋์ ํตํฉ๋ ๋์์ธ ์์คํ (์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ)์ผ๋ก ์ถ์ํํ์ธ์.
์ง์ ์์๋ก ๋ง๋ ์ผํ์ฑ ์ปดํฌ๋ํธ๋ค์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ปดํฌ๋ํธ๋ก ๊ต์ฒดํ๊ณ , ์์ผ๋ก ์ถ๊ฐ๋๋ ๋ชจ๋ ์๋ก์ด UI๋ ์ฐํ ์์ด ๋ฌด์กฐ๊ฑด ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฑฐ์น๋๋ก ์ ์ฉํด์ผ ํฉ๋๋ค.
๋ง์ง๋ง์๋ ๋ฆฌ๋ทฐ ์คํฌ์ ์ถ๊ฐํ์ธ์. ๋ณธ ์์ ์ ๋ฆฌํฉํฐ๋ง์ด๋ฏ๋ก ์ํฌํธ๋ฆฌ์์ ์์ํ์๊ธฐ ๋ฐ๋๋๋ค.
์ํ ๋ฐฉ์:
-
์ ์ฒด ๊ณํ ์๋ฆฝ (/goal):
์ด ์์ ์ ์ํํ๊ธฐ ์ํด ์๋ก์ด ์๋ํฌ์๋(end-to-end) /goal์ ์์ฑํ์ธ์. ๋ค์ ๋จ๊ณ๋ฅผ ์ผ์์ ์ผ๋ก ์ฒ๋ฆฌํ๋ ๊ฒ์ ๊ทธ์น์ง ๋ง๊ณ ์ํคํ ์ฒ, ๊ตฌํ, ํ ์คํธ, ๋ฆฌ๋ทฐ, ๊ทธ๋ฆฌ๊ณ ์ต์ข ๊ฒฐ๊ณผ๋ฌผ์ด ๊ธฐ์ค์ ์ถฉ์กฑํ ๋๊น์ง์ ์ ์ฒด ๊ณํ์ ์์ฑํด์ผ ํฉ๋๋ค. -
์์ด์ ํธ ๋ถํ ๋ฐ ํ ๋น:
ํด๋น ๋ชฉํ๋ฅผ ๋ ๋ฆฝ์ ์ธ ๋จ์๋ก ์ชผ๊ฐ ๋ค, ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ์์ ์ ์ํด ํ์ํ ๋งํผ ๋ณ๋ ฌ ์์ด์ ํธ๋ฅผ ์์ฑํ์ธ์. ๊ฐ ์์ด์ ํธ์๊ฒ๋ ์์ ์ฐ์ถ๋ฌผ, ๊ฒ์ฆ ๋ฐฉ๋ฒ, ์๋ฃ ๊ธฐ์ค์ด ๋ช ์๋ ๊ณ ์ ํ ์ ๋ด /goal์ ๋ถ์ฌํด์ผ ํฉ๋๋ค. -
๋์ ์คํ ๋ฐ ํตํฉ:
์์ด์ ํธ๋ค์ ๋์์ ์คํํ๊ณ , ์ ์ ํ ๊ณณ์์ ์งํ ์ํฉ์ ์ง์์ ์ผ๋ก ์ถ์ ํ์ธ์. ๊ฒฐ๊ณผ๊ฐ ๋ฐํ๋๋ ๋๋ก ์ด๋ฅผ ์ข ํฉํ๊ณ , ์ถฉ๋์ ํด๊ฒฐํ๋ฉฐ ๊ตฌํ์ ์ด์ด๋๊ฐ์ผ ํฉ๋๋ค. -
์ค์๊ฐ ๊ฒ์ฆ:
์ค์ํ ๋จ๊ณ๊ฐ ๋๋ ๋๋ง๋ค ์ค์๊ฐ ๊ฒ์ฆ์ ์ํํ์ธ์. ๊ฒ์ฆ์ ๋ธ๋ผ์ฐ์ /์ปดํจํฐ ์ฌ์ฉ, ํด๋ฆญ, ํค๋ณด๋ ์กฐ์ ๋ฐ ํ์ํ ๋ชจ๋ ์์ ์ ํฌํจํ์ฌ ์ค์ ์๋ํฌ์๋ ๊ฒฝ๋ก ์ ์ฒด๋ฅผ ํฌ๊ดํด์ผ ํฉ๋๋ค. -
๋ง๋ฌด๋ฆฌ:
๋ฆฌ๋ทฐ๋ฅผ ๊ฑฐ์ณ ์ ์ ํ ์์ ์ ์ ์ถ ๋ฐ ์ปค๋ฐ์ ์งํํ๊ณ , ์ต์ข ์์ฝ์ผ๋ก ์์ ์ ๋ง๋ฌด๋ฆฌํ์ธ์.
โ ๏ธ ์ฃผ์: ์๊ฒฉ ์ฆ๋ช (Credential) ๋๋ฝ, ์น๋ช ์ ์ธ ๋ชจํธํจ, ํน์ ์๊ตฌ์ฌํญ ๊ฐ์ ์ถฉ๋๋ก ์ธํด ์งํ์ด ์์ ํ ๋งํ ๊ฒฝ์ฐ๊ฐ ์๋๋ผ๋ฉด, ์์ ์ ์ค๊ฐ์ ๋ถ๋ถ์ ์ผ๋ก๋ง ์ํํ๊ณ ์ค๋จํ์ง ๋ง์ธ์.
AI ์๋ ์์ฑ ์ฝํ ์ธ
๋ณธ ์ฝํ ์ธ ๋ X @lucas_flatwhite (์๋ ๋ฐ๊ฒฌ)์ ์๋ฌธ์ AI๊ฐ ์๋์ผ๋ก ์์ฝยท๋ฒ์ญยท๋ถ์ํ ๊ฒ์ ๋๋ค. ์ ์ ์๊ถ์ ์์ ์์์๊ฒ ์์ผ๋ฉฐ, ์ ํํ ๋ด์ฉ์ ๋ฐ๋์ ์๋ฌธ์ ํ์ธํด ์ฃผ์ธ์.
์๋ฌธ ๋ฐ๋ก๊ฐ๊ธฐ