Build Design System ๐Ÿ”ฎ

์ €๋Š” ํ˜„์žฌ ์‚ฌ๋‚ด์—์„œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ ๊ธฐ๋ฐ˜์˜ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•์ค‘์ž…๋‹ˆ๋‹ค. ์‚ฌ๋‚ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ v0.8.0 ๊นŒ์ง€ ์ œ์ž‘ํ•˜์˜€๋Š”๋ฐ, ๊ฐœ์ธ์ ์œผ๋กœ ์ง€๊ธˆ๊นŒ์ง€์˜ ๋ฒ„์ „์€ ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ง€๋‚˜์ง€ ๋ชปํ–ˆ๋‹ค๊ณ  ๋Š๋ผ๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ข€ ๋” ์ฒด๊ณ„ํ™”ํ•˜์—ฌ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ๋ฐœ์ „์‹œ์ผœ์•ผ ๋””์ž์ธ ์‹œ์Šคํ…œ์ด๋ผ๊ณ  ๋ถ€๋ฅผ ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ ์ƒ๊ฐํ•˜๋˜ ์ฐธ์—,๋””์ž์ธ ์‹œ์Šคํ…œ, UI ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ ๋น„์Šทํ•œ ๋‹ค๋ฅธ ๊ฐœ๋…๋“ค์˜ ์ฐจ์ด๋ฅผ ์ดํ•ดํ•˜๊ณ , ๋” ๋ฐœ์ „ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉํ–ฅ์„ฑ์„ ์ฐพ๊ธฐ ์œ„ํ•ด ์ฐธ๊ณ ํ•œ ์•„ํ‹ฐํด์ด ์žˆ์–ด ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค. https://www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/ The Difference Betw..
๋ฆฌ์•กํŠธ๋กœ ์‚ฌ๋‚ด UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ œ์ž‘์ค‘์—,headless UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๊ฐœ๋…๊ณผ ์ ์šฉ๊ธฐ, ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค๊ณผ headless ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค ๊ฐ„์˜ ๋น„๊ต ๋“ฑ์— ๋Œ€ํ•ด ์ž˜ ์“ฐ์—ฌ์ง„ ์•„ํ‹ฐํด์„ ์ฐพ์•„ ๋ฒˆ์—ญํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์ €๋Š” ์ž์ฒด UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“œ๋Š” ์ž…์žฅ์—์„œ, headless ์ปจ์…‰์„ ์ดํ•ดํ•˜๋Š”๋ฐ ๋งค์šฐ ํฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋‘ ๋„์›€์ด ๋˜๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค!์›๋ฌธ: Headless components in React and why I stopped using a UI library for our design system Headless components in React and why I stopped using a UI library for our design systemIn the past five years I’v be..
RED BEAN
'Build Design System ๐Ÿ”ฎ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก