Community

๐Ÿ“ ์™œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๋งŒ๋“ค๊นŒ?

์›๋ฌธ: https://designcompass.org/2024/04/14/why-design-system/ โ€œ๋ฐ”์˜๋‹ˆ๊นŒ ๋””์ž์ธ์€ ๋‚˜์ค‘์— ์ฑ™๊ธฐ์žโ€œ ๋งŽ์ด๋“ค ๋“ค์–ด๋ดค์„ ๊ฒ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ณดํ†ต ๊ทธ ๋‚˜์ค‘์€ ์˜ค์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ณ ๊ฐ์„ ์œ„ํ•ด ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ํฌ๊ธฐํ•  ์ˆœ ์—†์ฃ . ์ด๋Ÿด ๋•Œ ํ•„์š”ํ•œ ๊ฒƒ์ธ ๋””์ž์ธ ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค. ๋Œ€ํ‘œ์ ์ธ ๋””์ž์ธ ๊ธฐ์ˆ ๋กœ ํ•œ์ •๋œ ์‹œ๊ฐ„๊ณผ ์ž์›์œผ๋กœ ๋” ๋‚˜์€ ๊ฐ€์น˜๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์‹œ์Šคํ…œ์€ ๋ชฉ์ ์„ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์ผ์ •ํ•œ ๊ทœ์น™์ž…๋‹ˆ๋‹ค. ์–ด๋–ค ์ธํ’‹์„ ๋„ฃ์–ด๋„ ์˜ˆ์ธกํ•  ์ˆ˜ ์žˆ๋Š” ์•„์›ƒํ’‹์ด ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๋งŒ๋“ค๋ฉด ์–ด๋–ค ํšจ๊ณผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์„๊นŒ์š”? 1. ๋ฐฉํ–ฅ์„ ์žก๋Š” ์ผ๊ด€๋œ ์›์น™ ๋””์ž์ธ์ด ํšจ๊ณผ๋ฅผ ๋‚ด๋ ค๋ฉด ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉํ–ฅ์œผ๋กœ ๋‚˜์•„๊ฐ€์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ™์€ ๊ฒƒ์„ ๋งŒ๋“ค๋”๋ผ๋„ ์ถ”๊ตฌํ•˜๋Š” ๋ฐฉํ–ฅ์„ฑ์— ๋”ฐ๋ผ ๊ณ ๊ฐ ๊ฒฝํ—˜์ด ํฌ๊ฒŒ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ๊ณ ๊ฐ์—๊ฒŒ ์ตœ๊ณ ๋ผ ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ ๋‹จ ํ•œ ๊ฐœ๋ฅผ ์ œ์‹œํ•  ์ˆ˜๋„ ์žˆ๊ณ  ๊ณ ๊ฐ์ด ์ง์ ‘ ์ž์‹ ์ด ์›ํ•˜๋Š” ๊ฒฝํ—˜์„ ์„ ํƒํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ๊ฐ€ ๋ฌธ์ œ ํ•ด๊ฒฐ์ด๋‚˜ ๋ฉ”์‹œ์ง€ ํ‘œํ˜„์—๋งŒ ์ง‘์ค‘ํ•˜๋‹ค ๋ณด๋ฉด ๊ธธ์„ ์žƒ์–ด๋ฒ„๋ฆฌ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด ๋•Œ ์‹œ์Šคํ…œ์€ ์šฐ๋ฆฌ๊ฐ€ ๋ฏธ์•„๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ง‰์•„์ค๋‹ˆ๋‹ค. ๊ณ ๊ฐ์ด ์‰ฝ๊ณ  ํŽธํ•˜๊ฒŒ ๊ธฐ๋Œ€ํ•˜๋Š” ๊ฒƒ์„ ์–ป์„ ์ˆ˜ ์žˆ๊ฒŒ โ€™๊ฐ„๊ฒฐํ•จโ€˜์„ ์ถ”๊ตฌํ•œ๋‹ค๋ฉด ์ตœ์†Œํ•œ์˜ ์‹œ๊ฐ ๊ธฐ๋ฒ•์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ณ ๊ฐ์˜ ๊ธฐ์–ต ์†์— ๊ฐ์ธ ๋˜๊ธฐ ์œ„ํ•œ โ€™๊ณ ์œ ํ•จโ€˜์„ ์ถ”๊ตฌํ•œ๋‹ค๋ฉด ๋‚จ๋“ค์ด ์‹œ๋„ํ•˜์ง€ ์•Š๋Š” ์ƒˆ๋กœ์šด ๋„์ „์„ ํ•ฉ๋‹ˆ๋‹ค. ์‹œ์Šคํ…œ์€ ์ด๋Ÿฌํ•œ ๊ฐ€์น˜๋ฅผ ๋ช…๋ฌธํ™”ํ•˜๊ณ  ์˜์‚ฌ๊ฒฐ์ •์„ ์œ„ํ•œ ์ค‘์š”ํ•œ ํŒ๋‹จ ๊ธฐ์ค€์ด ๋ฉ๋‹ˆ๋‹ค. ์•ž์œผ๋กœ ์ผ์–ด๋‚  ๋ชจ๋“  ๊ฒฝ์šฐ์˜ ์ˆ˜๋ฅผ ์œ„ํ•œ ๊ทœ์น™๋ณด๋‹ค๋Š” ์Šค์Šค๋กœ ์งˆ๋ฌธํ•˜๋Š” ์›์น™์ด ๋ฉ๋‹ˆ๋‹ค. ๋ฒ„ํŠผ์˜ ๋™์ž‘๋ฒ•์ด๋‚˜ ์‚ฌ์ง„ ํ†ค & ๋งค๋„ˆ์™€ ๊ฐ™์€ ๊ตฌ์ฒด์ ์ธ ๊ฐ€์ด๋“œ๋Š” ์ถ”์ƒ์ ์ธ ๋””์ž์ธ ์›์น™์˜ ๊ตฌ์ฒด์ ์ธ ์‚ฌ๋ก€๊ฐ€ ๋˜์–ด์ค๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํšŒ์‚ฌ๋‚˜ ์„œ๋น„์Šค๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ฒฐ๊ณผ๋ฌผ์ด ์ผ๊ด€๋œ ์›์น™์— ๊ธฐ๋ฐ˜ํ•ด ๊ณ ๊ฐ์—๊ฒŒ ์ „๋‹ฌ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2. ๊ท ์ผํ•œ ํ’ˆ์งˆ์„ ์œ„ํ•œ ๊ธฐ์ค€ ๊ณ ๊ฐ์˜ ์„ ํƒ ๋ฐ›์„ ์ˆ˜ ์žˆ์„๋งŒํผ ์ข‹์€ ๊ฒƒ์„ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ํ•˜๋ฃจ์—๋„ ์ˆ˜์‹ญ, ์ˆ˜๋ฐฑ ๊ฐœ์˜ ๋””์ž์ธ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๊ณ ๊ฐ์€ ์ด ์ค‘์—์„œ ํ•œ ๋‘ ๊ฐœ ์ •๋„์˜ ๋””์ž์ธ์„ ๋ณผ๊นŒ ๋ง๊นŒ์ž…๋‹ˆ๋‹ค. ๊ณ ์ž‘ 1~2์ดˆ ์ •๋„์˜ ์งง์€ ์‹œ๊ฐ„์— ๊ณ ๊ฐ์ด ํ›‘์–ด๋ณธ ๊ฒฐ๊ณผ๋ฌผ์˜ ํ’ˆ์งˆ์ด ๊ณง ๋‚ด ๋ธŒ๋žœ๋“œ์˜ ์ „์ฒด ํ’ˆ์งˆ์ด ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๊ณ ๊ฐ์ด ๋ธŒ๋žœ๋“œ๋ฅผ ๊ฒฝํ—˜ํ•˜๋Š” ๋ชจ๋“  ์ˆœ๊ฐ„์„ ์ตœ๋Œ€ํ•œ ๋†’์€ ํ’ˆ์งˆ์„ ์œ ์ง€ํ•ด์•ผ ํ•˜์ฃ . ํ•˜์ง€๋งŒ ๋ชจ๋“  ๊ฒƒ์„ ์–ธ์ œ๋‚˜ ์ž˜ ๋งŒ๋“ค๊ธฐ๋Š” ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ํ•ญ์ƒ ์‹œ๊ฐ„์ด ์—†๊ณ  ํˆฌ์ž ๊ฐ€์น˜๋ฅผ ์˜ˆ์ธกํ•˜๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ํ˜ผ์ž์„œ๋„ ์–ด๋ ค์šด๋ฐ ์—ฌ๋Ÿฟ์ด ํ•จ๊ป˜ ๋งŒ๋“ค ๋•Œ๋Š” ์ข‹์€ ํ’ˆ์งˆ์„ ์ง€ํ‚ค๊ธฐ๊ฐ€ ๋”์šฑ ์–ด๋ ค์›Œ์ง‘๋‹ˆ๋‹ค. ์ž‘์—…์ž์— ๋”ฐ๋ผ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ์‹๊ณผ ํ’ˆ์งˆ์ด ๋‹ฌ๋ผ์ง€์ฃ . ๋งค๋ฒˆ ๋ชจ๋‹ˆํ„ฐ๋งํ•˜๊ณ  ์†Œํ†ตํ•˜๊ธฐ ์–ด๋ ต๋‹ค ๋ณด๋‹ˆ ์‰ฝ๊ฒŒ ํฌ๊ธฐํ•˜๊ฒŒ ๋˜์ฃ . ์‹œ์Šคํ…œ์€ ํšจ๊ณผ๊ฐ€ ๊ฒ€์ฆ๋œ ๋ฐฉ๋ฒ•์„ ์ „์ฒด์— ์ „ํŒŒํ•ฉ๋‹ˆ๋‹ค. ์›์น™์— ๊ธฐ๋ฐ˜ํ•œ ์ข‹์€ ์‚ฌ๋ก€๋ฅผ ์ •์˜ํ•˜๊ณ  ๋™๋ฃŒ๋ฅผ ์„ค๋“ํ•ด ๋ฏธ๋ž˜์— ๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒผ์„ ๋•Œ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ํ•ด๊ฒฐํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ๋””์ž์ธ ๊ฒฐ๊ณผ๋ฌผ์˜ ํšจ๊ณผ์— ๊ด€ํ•œ ๋ถˆํ™•์‹ค์„ฑ์„ ์ค„์ด๊ณ  ์ƒˆ๋กœ์šด ์˜์—ญ์— ๋„์ „ํ•  ์ˆ˜ ์žˆ๋Š” ์—ฌ๋ ฅ์„ ๋งŒ๋“ค์–ด์ฃผ์ฃ . ๊ทธ๋ ‡๊ฒŒ ์กฐ์ง ์ „์ฒด ํ’ˆ์งˆ์˜ ํ‰๊ท ์„ ๋†’์ด๊ณ  ํ•˜ํ•œ์„ ์„ ๋Œ์–ด์˜ฌ๋ฆฝ๋‹ˆ๋‹ค. 3. ๋น ๋ฅธ ์ œ์ž‘์„ ์œ„ํ•œ ์žฌ๋ฃŒ ๋ฐฉํ–ฅ์ด ๋งž๊ณ  ํ’ˆ์งˆ์ด ์ข‹์œผ๋ฉด ์ด์ œ ๋นจ๋ฆฌ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ฌด๋ฆฌ ์ข‹์€ ๊ฒƒ์ด๋ผ๋„ ๊ณ ๊ฐ์—๊ฒŒ ์ „๋‹ฌ๋˜์ง€ ์•Š์œผ๋ฉด ์˜๋ฏธ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ „๋‹ฌํ•˜๊ธฐ ์ „์— ์ข‹์€์ง€ ๋‚˜์œ์ง€ ๋ชจ๋ฅด๋Š” ๊ฒฝ์šฐ๋„ ๋งŽ์ฃ . ์‹ฌ์ง€์–ด ๊ฒฝ์Ÿ์‚ฌ๋Š” ํ˜ธ์‹œํƒํƒ ์šฐ๋ฆฌ๋ณด๋‹ค ๋” ์ž˜ํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์–ธ์ œ ์–ด๋””์„œ ์šฐ๋ฆฌ๊ฐ€ ์—ญ์ „๋‹นํ• ์ง€ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๊ณ ๊ฐ์—๊ฒŒ ๋นจ๋ฆฌ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ฒฐ๊ณผ๋ฌผ์„ ์ƒ์‚ฐํ•˜๋Š” ์†๋„๊ฐ€ ๋นจ๋ผ์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ™์€ ์‹œ๊ฐ„์— ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ฒฐ๊ณผ๋ฌผ์˜ ๊ฐœ์ˆ˜๊ฐ€ ๋Š˜์–ด๋‚˜์•ผ ํ•˜์ฃ . ์‚ฌ๋žŒ์„ ๊ฐˆ์•„์„œ ์†๋„๊ฐ€ ์—„์ฒญ๋‚˜๊ฒŒ ๋นจ๋ผ์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์˜ค๋ž˜๊ฐˆ ์ˆ˜ ์—†์ฃ . ๊ทธ๋ ‡๋‹ค๋ฉด ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š” ๊ฒฐ๊ณผ๋ฌผ์˜ ์ˆซ์ž๋ฅผ ์ค„์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์‹œ์Šคํ…œ์€ ๋””์ž์ด๋„ˆ๊ฐ€ ๋งŒ๋“ค ๊ฒฐ๊ณผ๋ฌผ์˜ ์ˆ˜๋ฅผ ์ค„์ž…๋‹ˆ๋‹ค. ๊ณผ๊ฑฐ์˜ ๋ฐ˜๋ณต์„ ๋ฐ”ํƒ•์œผ๋กœ ๋ฏธ๋ž˜์˜ ๋ฐ˜๋ณต์„ ์˜ˆ์ธกํ•ฉ๋‹ˆ๋‹ค. ๋ฏธ๋ž˜์—๋„ ๊ณ„์† ์“ธ ๋””์ž์ธ์„ ์ž‘์€ ๋‹จ์œ„๋กœ ์ชผ๊ฐœ ์‹œ์Šคํ…œ์— ๋“ฑ๋กํ•ฉ๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ๋Š” ํšจ๊ณผ๋ฅผ ์˜ˆ์ธกํ•  ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ์š”์†Œ๋ฅผ ๊ฒฐํ•ฉํ•ด ํŒจํ„ด์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋งค๋ฒˆ ์ƒˆ๋กœ์šด ์š”์†Œ๋ฅผ ๋งŒ๋“ค ํ•„์š”๊ฐ€ ์—†์–ด์ ธ ์ œ์ž‘ ์†๋„๊ฐ€ ๋นจ๋ผ์ง‘๋‹ˆ๋‹ค. #๋””์ž์ธ์‹œ์Šคํ…œ #๋””์ž์ธ #๋””์ž์ธ๋‚˜์นจ๋ฐ˜ #์ธ์‚ฌ์ดํŠธ

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค