{"id":16417,"date":"2019-02-01T01:30:33","date_gmt":"2019-01-31T16:30:33","guid":{"rendered":"http:\/\/13.125.82.244\/?p=16417"},"modified":"2023-12-21T10:29:25","modified_gmt":"2023-12-21T01:29:25","slug":"designsystem","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/designsystem\/","title":{"rendered":"\uad6d\ub0b4 \uc2a4\ud0c0\ud2b8\uc5c5\ub4e4\uc758 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740? \uadf8\ub9ac\uace0 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud55c \uc0ac\ub840 \ud655\uc778\uacfc \uacf5\ubd80\ub97c \ud560 \uc218 \uc788\ub294 \uacf3\uc740?"},"content":{"rendered":"\n

–<\/p>\n\n\n\n

\uc5bc\ub9c8 \uc804, \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uacfc \uad00\ub828\ub41c \uc544\uc8fc \ud765\ubbf8\ub85c\uc6b4 \uc9c8\ubb38\uacfc \ub2f5\ubcc0\uc744 \ubcf4\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. ‘Yes, design systems will replace design jobs’ <\/a>\uc774\ub780 \ub0b4\uc6a9\uc774\uc5c8\uc8e0. \ubb50? \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774 \ub514\uc790\uc774\ub108\ub97c \ub300\uccb4\ud560\uac70\ub77c\uace0? \ub300\ubd80\ubd84\uc758 \ub514\uc790\uc774\ub108\uac00 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’\uc740 \ub514\uc790\uc774\ub108\ub780 \ud3ec\uc9c0\uc158\uc744 \ub300\uccb4\ud558\uc9c0 \ubabb\ud560 \uac83\uc774\ub77c\uace0 \ub2f5\ubcc0\ud55c \uac83\uacfc \ub2ec\ub9ac, \uc5d0\uc5b4\ube44\uc564\ube44\uc640 \ud398\uc774\uc2a4\ubd81\uc758 \uccab \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ud504\ub85c\uc81d\ud2b8\ub97c \uc774\ub04c\uc5c8\ub358 ‘Adam Michela’\uc740 ‘\uc544\ub2c8!’ \ub77c\uace0 \ub9d0\ud588\uc2b5\ub2c8\ub2e4. \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740 \uacf5\uc7a5\uc758 ‘\ub77c\uc778’\uacfc \uac19\uace0, \uad50\ud658 \uac00\ub2a5\ud55c \ubd80\ud488\uacfc \uac19\ub2e4\ub294 \uc774\uc720\uc5d0\uc11c\uc600\uc8e0. \uc55e\uc73c\ub85c \ub514\uc790\uc774\ub108\ub4e4\uc740 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ub0b4 \uad6c\uc131\ub41c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc5b4\ub5bb\uac8c \uc870\ud569\ud558\uba74 \uc88b\uc744\uae4c\ub97c \uace0\ubbfc\ud558\ub294, \ud504\ub85c\ub355\ud2b8 \ub9e4\ub2c8\uc800\uc640 \uac19\uc740 \uc5ed\ud560\uc744 \ud558\uac8c \ub420 \uac83\uc774\ub77c\ub294 \ub0b4\uc6a9\uc774\uc5c8\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

–<\/p>\n\n\n

\n
\"\"\/
\uc774\ubbf8\uc9c0 \ucd9c\ucc98 : \ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd<\/a><\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\uc815\ub9d0 \uadf8\ub7f4\uae4c? \uae30\ud68d\uc790\ub4e4\uc5d0\uac8c \ubb3b\ub2e4, \uccab \ubc88\uc9f8 : \uae30\ud68d\uc790\uc758 \uc874\uc7ac \uc774\uc720\ub294 \ubb34\uc5c7\uc778\uac00\uc694?<\/a>\ub85c \uc2dc\uc791\ub41c \uae30\ud68d\uc790\ub4e4\uc5d0\uac8c \ubb3b\ub2e4, \uc2dc\ub9ac\uc988\ub97c \uc5ec\uc804\ud788 \uc9c4\ud589\uc911\uc774\uae30\uc5d0! \ub514\uc790\uc774\ub108\ub294 \uc544\ub2c8\uc9c0\ub9cc \uc704 \ub0b4\uc6a9\uc740 \uc81c\uac8c ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’\uc5d0 \ub300\ud55c \ud638\uae30\uc2ec\uc744 \uc99d\ud3ed\uc2dc\ud0a4\ub294 \uacc4\uae30\uac00 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uae30\ucd08\uc801\uc778 \uac1c\ub150\uc740 \uc54c\uace0 \uc788\uc5c8\uc9c0\ub9cc, \ub514\uc790\uc774\ub108\ub97c \ub300\uccb4\ud560\uac70\ub77c\ub294 \uadf8\uc758 \ub2f5\ubcc0\uc740 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uc5b4\ub5bb\uac8c \uc124\uacc4\ud558\uba70, \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud574\uc57c \ud558\ub294\uc9c0 \ub4f1 \ub354 \uad6c\uccb4\uc801\uc73c\ub85c \uc774\ud574\ud558\uace0 \uc2f6\ub2e8 \uc0dd\uac01\uc744 \ud558\uac8c \ub9cc\ub4e0 \uac83\uc774\uc8e0. \uadf8\ub7fc, \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740 \ubb34\uc5c7\uc77c\uae4c? <\/strong>\ub77c\ub294 \uc9c8\ubb38\uc5d0\uc11c \uba3c\uc800 \uc2dc\uc791\uc774 \ub418\uc5b4\uc57c \ud560 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc800\ub294 \ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd\uc758 ‘\ubc30\uc7ac\ubbfc \ub514\uc790\uc774\ub108’\uac00 ‘\ud37c\ube14\ub9ac’\ub97c \ud1b5\ud574 \uc5b8\uae09\ud55c \ub0b4\uc6a9\uc774 \uc0dd\uac01\ub0ac\ub294\ub370\uc694.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

‘\ub514\uc790\uc774\ub108\ub85c\uc11c \uc77c\uc758 \ud6a8\uc728\uc131\uc744 \ub192\uc774\uae30 \uc704\ud574 \uace0\ubbfc\ud588\uc744 \ub54c, \uac00\uc7a5 \uba3c\uc800 \ub5a0\uc624\ub978\uac8c \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774\uc5c8\uc5b4\uc694. \ub514\uc9c0\ud138 \ub514\uc790\uc778\uc5d0\uc11c \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774\ub780, \uc11c\ube44\uc2a4\ub97c \ub9cc\ub4dc\ub294\ub370 \uc0ac\uc6a9\ud55c \uacf5\ud1b5 \uceec\ub7ec, \uc11c\uccb4, \uc778\ud130\ub799\uc158, \uac01\uc885 \uc815\ucc45 \ubc0f \uaddc\uc815\uc5d0 \uad00\ud55c \ubaa8\ub4e0 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc815\ub9ac\ud574\ub193\uc740 \uac83\uc744 \ub73b\ud569\ub2c8\ub2e4. \ubd88\ud544\uc694\ud55c \ucee4\ubba4\ub2c8\ucf00\uc774\uc158\uc744 \uc5c6\uc560\uae30 \uc704\ud574 \uccb4\uacc4\uc801\uc73c\ub85c \uc815\ub9ac\ud55c \uc2dc\uc2a4\ud15c<\/strong>\uc774\uc8e0.’ (<\/strong><\/em>\ub514\uc790\uc778, \uc2dc\uc2a4\ud15c, \uadf8\ub9ac\uace0 \uc22b\uc790 : \ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd \ubc30\uc7ac\ubbfc \ub514\uc790\uc774\ub108 \uc778\ud130\ubdf0 \uc911<\/strong><\/em><\/a>)\ufeff<\/strong><\/em><\/p>\n\n\n\n

‘\ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd\uc5d0 \ud569\ub958\ud558\uc790\ub9c8\uc790 \uc2dc\uc791\ud55c \uc77c\uc774 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uad6c\ucd95\uc774\uc5c8\uc5b4\uc694. \uc11c\ube44\uc2a4 \uc804\ubc18\uc5d0 \uacf5\ud1b5\uc73c\ub85c \uc4f0\uc774\ub294 \uceec\ub7ec\uc640 \uac01\uc885 UI \ucef4\ud3ec\ub10c\ud2b8\uac00 \ubb34\ucc99 \ub9ce\ub2e4\uace0 \uc0dd\uac01\ud588\uac70\ub4e0\uc694. \ud398\uc774\uc9c0\ub9c8\ub2e4 \ud615\ud0dc\ub098 \uc0c9\uc0c1\uc774 \uc870\uae08\uc529 \ub2ec\ub790\uace0, \uc571\uacfc \uc6f9\uc5d0\uc11c \uc4f0\ub294 \uc544\uc774\ucf58 \ubaa8\uc591\uc774\ub098 \ud30c\uc77c\uba85\ub3c4 \uc57d\uac04\uc529 \ucc28\uc774\uac00 \uc788\uc5c8\uc5b4\uc694. \uc774\ub7f4 \ub54c\ub294 \uc5b4\ub5a4 \ub514\uc790\uc774\ub108\ub098 \uac1c\ubc1c\uc790\uac00 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9e1\ub294\uc9c0\uc5d0 \ub530\ub77c \uacb0\uacfc\ubb3c\uc5d0 \ubbf8\ubb18\ud55c \ucc28\uc774\uac00 \uc0dd\uae30\uace0, \ubd88\ud544\uc694\ud55c \uc0ac\ud6c4 \ucee4\ubba4\ub2c8\ucf00\uc774\uc158\uc774 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc8e0. \ucc98\uc74c\ubd80\ud130 \uc774\ub7f0 \uc791\uc740 \ucc28\uc774\uac00 \uc0dd\uae30\uc9c0 \uc54a\ub3c4\ub85d \uad00\ub9ac\ud574\uc57c \uc804\uccb4\uc801\uc73c\ub85c \ub514\uc790\uc778\uc5d0 \uc77c\uad00\uc131\uc774 \uc7a1\ud788\uace0, \ube44\ud6a8\uc728\uc801\uc73c\ub85c \ub514\uc790\uc778\ud558\ub294 \uc2dc\uac04\ub3c4 \uc904\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. (<\/strong><\/em>\ub514\uc790\uc778, \uc2dc\uc2a4\ud15c, \uadf8\ub9ac\uace0 \uc22b\uc790 : \ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd \ubc30\uc7ac\ubbfc \ub514\uc790\uc774\ub108 \uc778\ud130\ubdf0 \uc911<\/strong><\/em><\/a>)<\/strong><\/em><\/p>\n\n\n\n

–<\/p>\n\n\n\n

\uacb0\uad6d, \ubd88\ud544\uc694\ud55c \ucee4\ubba4\ub2c8\ucf00\uc774\uc158\uc744 \uc904\uc774\uace0 \ud504\ub85c\ub355\ud2b8 \ub514\uc790\uc778\uc5d0 \ub300\ud55c \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud558\uae30 \uc704\ud574 \uadf8\ub9ac\uace0 \uad81\uadf9\uc801\uc73c\ub85c\ub294 \ud6a8\uc728\uc801\uc778 \uc5c5\ubb34\ub97c \uc704\ud574 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’\uc774 \ud544\uc694\ud558\ub2e4\ub294 \uac83. <\/p>\n\n\n\n

–<\/p>\n\n\n

\n
\"\"\/
\ucd9c\ucc98 : \ud1a0\uc2a4 \uacf5\uc2dd \ube14\ub85c\uadf8<\/a><\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\ud55c\uad6d\uc5d0\uc11c \ud0c4\uc0dd\ud55c \ub610 \ud558\ub098\uc758 \uc720\ub2c8\ucf58, \ud1a0\uc2a4\ub294 \uc5b4\ub5a8\uae4c\uc694? ‘\ud1a0\uc2a4 \ub514\uc790\uc778\uc758 \ud604\uc7ac\uc640 \ubbf8\ub798<\/a>‘ \uc744 \ud1b5\ud574 \uadf8\ub4e4\uc774 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’\uc744 \ub9cc\ub4e4\uac8c \ub41c \uacc4\uae30\ub97c \uc54c \uc218 \uc788\uc5c8\ub294\ub370\uc694. \uc774\ub294 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uad6c\ucd95\ud588\uc744 \ub54c\uc758 \uc7a5\uc810\uc744 \ud568\uaed8 \ud655\uc778\ud560 \uc218 \uc788\ub294 \ub0b4\uc6a9\uc774\uae30\ub3c4 \ud588\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\uc791\ub144 2\uc6d4 \uae30\uc900, \ud1a0\uc2a4\uc758 \ub514\uc790\uc774\ub108\ub294 12\uba85. 2017\ub144\uacfc \ube44\uad50\ud588\uc744 \ub54c 2\ubc30 \uc774\uc0c1\uc73c\ub85c \ub298\uc5b4\ub09c \uc22b\uc790. \uac8c\ub2e4\uac00 \uc11c\ube44\uc2a4\uc758 \uac00\ud30c\ub978 \uc131\uc7a5\uc5d0 \ub530\ub77c \uc81c\ud488 \uac1c\uc120 \uc8fc\uae30\uc5d0 \ub530\ub978 \uc138\uc2ec\ud55c \ub9ac\ubdf0\uac00 \uc5b4\ub824\uc6cc\uc2b5\ub2c8\ub2e4. \uc81c\ud488 \uac1c\uc120 \uc8fc\uae30\uc5d0 \ub530\ub77c \ube60\ub974\uac8c \uc2e4\ud5d8\ud558\uace0 \uac80\uc99d\ud574\ub098\uac00\uba70 \uc774\ud130\ub808\uc774\uc158(iteration)\ud558\ub294 \uac83\uc774 \uc5b4\ub824\uc6b4 \uc0c1\ud669\uc744 \ub9de\uc774\ud588\ub358 \uac83\uc774\uc8e0. \uadf8\ub7ec\ub2e4\ubcf4\ub2c8 \ub514\uc790\uc778 \ud1b5\uc77c\uc131\uc774 \uae68\uc838 \ud30c\ud604\ud654\uac00 \uc0dd\uae30\uace0, \ube44\uc8fc\uc5bc\uc740 \ubb3c\ub860 \uba54\uc2dc\uc9c0\ub3c4 \uac01 \uc11c\ube44\uc2a4\ub9c8\ub2e4 \ub2e4\ub974\uac8c \ub098\uac00\ub294 \uacbd\uc6b0\uac00 \ubc1c\uc0dd\ud588\uc5b4\uc694. <\/em><\/strong>(\ud1a0\uc2a4 \uc7a5\ud55c\uc5bc \ud504\ub85c\ub355\ud2b8 \ub514\uc790\uc774\ub108\uc758 \uc778\ud130\ubdf0 \ub0b4\uc6a9 \uc911)<\/em><\/strong><\/a><\/p>\n\n\n\n

–<\/p>\n\n\n\n

\uc544, \uadf8\ub7ec\uace0 \ubcf4\ub2c8 – \ube44\uc2b7\ud55c \ubb38\uc81c\ub4e4\uc744 \uc5ec\ub7ec\ubc88 \uacaa\uc5c8\uc5c8\ub294\ub370. \ub77c\ub294 \uc0dd\uac01\uc774 \ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \ub3d9\uc77c\ud55c \uc571 \ub0b4 \ud31d\uc5c5\uc784\uc5d0\ub3c4 \uae30\ud68d \ub2e8\uacc4\uc5d0\uc11c\ubd80\ud130 \uae30\uc874\uc5d0 \uc801\uc6a9\ub418\uc5c8\ub358 \ud31d\uc5c5\uc774 \uc544\ub2cc \ub2e4\ub978 \ud615\ud0dc\uc758 \ud31d\uc5c5\uc744 \ub5a0\uc62c\ub9ac\uac8c \ub418\uace0, \ub514\uc790\uc774\ub108 \uc5ed\uc2dc \uc774\ub97c \uadf8\ub300\ub85c \ubc1b\uc544\ub4e4\uc774\uac8c \ub418\uace0 \uadf8\ub807\uac8c \uac1c\ubc1c, \uc801\uc6a9, \ubc30\ud3ec\uae4c\uc9c0. \ud55c \ub450\ubc88\uc774\ub77c\uba74 \ud06c\uac8c \uc601\ud5a5\uc774 \uc5c6\uc744 \uc218 \uc788\uc9c0\ub9cc \uc571 \ub0b4 \ub3d9\uc77c\ud55c \uc7a5\uce58\uac00 \ud654\uba74\uc774\ub098 \uc0c1\ud669\uc5d0 \ub530\ub77c \ub204\uc801 \uc801\uc6a9\ub418\uae30 \uc2dc\uc791\ud558\uba74 \ubb38\uc81c\ub294 \ub2ec\ub77c\uc9d1\ub2c8\ub2e4. \uc704\uc758 \ub450 \uc778\ud130\ubdf0 \ub0b4\uc6a9\uc5d0\uc11c \uacf5\ud1b5\uc801\uc73c\ub85c \uc5b8\uae09\ub418\uc5c8\ub358 ‘\uc77c\uad00\uc131’\uc774 \uae68\uc9c0\uac8c \ub418\uace0 \uc774\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \uc601\ud5a5\uc744 \ub07c\uce58\ub294 \uac83. \uc27d\uc9c0\ub9cc \uc27d\uc9c0 \uc54a\uc740 \ubb38\uc81c.<\/p>\n\n\n\n

–<\/p>\n\n\n

\n
\"\"\/
\ucd9c\ucc98 : \ud1a0\uc2a4 \uacf5\uc2dd \ube14\ub85c\uadf8\ufeff<\/a><\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\uc5b4\ub5bb\uac8c \ud558\uba74 \ub354 \ud6a8\uc728\uc801\uc73c\ub85c \uc77c\ud574\ubcfc \uc218 \uc788\uc744\uae4c, \uc774\ud130\ub808\uc774\uc158 \uc678 \ubcc4\ub3c4\ub85c \uc9d1\uc911\ud560 \uc218 \uc788\ub294 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub9cc\ub4e4\uba74 \uc5b4\ub5a8\uae4c. \uace0\ubbfc \ub05d\uc5d0 \ub514\uc790\uc778 \ud50c\ub7ab\ud3fc \ud300\uc774 \uafb8\ub824\uc9c0\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uad6c\uae00\uc758 ‘Material Design’\uacfc \uac19\uc740 \ud1a0\uc2a4\ub9cc\uc758 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub9cc\ub4e4\uae30 \uc704\ud55c \uc2dc\uc791\uc810\uc774\uc5c8\uc8e0. \uac00\uc774\ub4dc\ub97c \uc815\ub9bd\ud558\uace0 \uc2dc\uc2a4\ud15c\uc744 \ub9cc\ub4dc\ub294 \uac83\uc5d0 \uc9d1\uc911\ud558\uba74\uc11c\ub3c4 \ud1a0\uc2a4=\uc1a1\uae08\uc774\ub77c\ub294 \uc778\uc2dd\uc744 \uc774\ubbf8\uc9c0\ub97c \ud0c8\ud53c\ud558\uae30 \uc704\ud574 \ube0c\ub79c\ub4dc \ub514\uc790\uc774\ub108 2\ubd84\uc744 \ubaa8\uc2dc\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740, \ud6a8\uc728\uc131\uc5d0 \ucd08\uc810\uc774 \ub9de\ucdb0\uc838\uc57c \ud560 \uac83 \uac19\uc740\ub370. \ub77c\ub294 \uc0dd\uac01\uc744 \ub4a4\uc9d1\ub294 \uc774\uc57c\uae30\uac00 \ub098\uc654\uc2b5\ub2c8\ub2e4. \ubc14\ub85c ‘\ube0c\ub79c\ub529’<\/strong>\uc785\ub2c8\ub2e4. \uc791\ub144 11\uc6d4, \uc5d0\uc5b4\ube44\uc564\ube44 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud574 \ucd1d\uad04 \ub9e4\ub2c8\uc800 \ud55c\uc720\uc9c4\ub2d8\uc758 \uac15\uc5f0\uc744 \ub4e4\uc744 \uae30\ud68c\uac00 \uc788\uc5c8\ub294\ub370\uc694. \ubb34\uc5c7\ubcf4\ub2e4 \uc778\uc0c1\uc801\uc774\uc5c8\ub358 \ub0b4\uc6a9\uc740 ‘\uc811\uadfc\uc131’\uc5d0 \ub300\ud55c \uc774\uc57c\uae30\uc600\uc2b5\ub2c8\ub2e4. \uac15\uc5f0\uc77c\uc744 \uae30\uc900\uc73c\ub85c ‘\ucd5c\uadfc’ \uc5d0\uc5b4\ube44\uc564\ube44 \uc571 \ub0b4 \ube0c\ub79c\ub4dc \uceec\ub7ec(Raush) \uc0ac\uc6a9\uc744 \uc904\uc774\uace0 \uc788\uc5c8\ub294\ub370 \uadf8 \uc774\uc720\uac00 ‘\ubaa8\ub4e0 \uc0ac\ub78c’\uc5d0\uac8c \ub3d9\ub4f1\ud55c \uacbd\ud5d8\uc744 \uc81c\uacf5\ud574\uc8fc\uae30 \uc704\ud574\uc11c\ub77c\ub294 \uc598\uae30\ub97c \ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \ucc98\uc74c\uc5d4 \ube0c\ub79c\ub4dc \uceec\ub7ec\ub97c \uc5b4\ub461\uac8c \uc0ac\uc6a9\ud588\uc9c0\ub9cc, \ube0c\ub79c\ub4dc \ub290\ub08c\uacfc \ub9de\uc9c0 \uc54a\uc544 \ub300\uc548\uc73c\ub85c Babu(\uccad\ub85d\uc0c9) \uceec\ub7ec\ub97c \uc5b4\ub461\uac8c \ud558\uc5ec \uc8fc\ub85c \ud65c\uc6a9\ud55c\ub2e4\ub294 \uac83\uc774\uc5c8\uc8e0. \ub9cc\uc57d \uc5d0\uc5b4\ube44\uc564\ube44\uac00 \ubcf8\uc778\ub4e4\uc758 ‘\ube0c\ub79c\ub529’\uc744 \ud568\uaed8 \uace0\ub824\ud558\uc9c0 \uc54a\uc558\ub2e4\uba74 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ub0b4, \uc811\uadfc\uc131\uc740 \ubc18\ucabd\uc9dc\ub9ac\ub85c \ub05d\ub0ac\uc744\uc9c0\ub3c4 \ubaa8\ub985\ub2c8\ub2e4. <\/strong><\/p>\n\n\n\n

–<\/p>\n\n\n\n

\ud1a0\uc2a4\ub294, \ub514\uc790\uc774\ub108\uac00 \uc810\uc810 \ub298\uc5b4\ub098\ub294 \uc0c1\ud669 \uc18d \uc77c\uad00\uc131\uacfc \ud6a8\uc728\uc131\uc744 \uc720\uc9c0\ud558\uae30 \uc704\ud574 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0\ub370 \uc774\uc640 \ubc18\ub300\uc758 \uc0c1\ud669\uc5d0 \uc788\ub2e4\uba74 \uc5b4\ub5a8\uae4c\uc694? \ub514\uc790\uc778 \ud300\uc740 \ud06c\uc9c0 \uc54a\uc740\ub370, \ub514\uc790\uc774\ub108\uac00 \ub9ce\uc9c0 \uc54a\uc740\ub370- \ub77c\ub294 \uacf3\uc5d0\uc11c\uc758 \ud6a8\uc728\uc131\uc744 \ub17c\ud55c\ub2e4\uba74 \ub9d0\uc774\uc8e0. \uc774\uc5d0 \ub300\ud55c \ud78c\ud2b8\ub294 ‘\ubc84\uc988\ube4c’\uc5d0\uc11c \uc5bb\uc744 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. (Buzzvil Design] Design System at Buzzvil<\/a>)<\/p>\n\n\n\n

–<\/p>\n\n\n

\n
\"\"\/
\ucd9c\ucc98 : \ubc84\uc988\ube4c \uacf5\uc2dd \ube14\ub85c\uadf8<\/a><\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\ub514\uc790\uc778 \ud300\uc740 \uadf8\ub807\uac8c \ud06c\uc9c0 \uc54a\uc740\ub370 \ube44\ud574 \ub514\uc790\uc778 \uc5c5\ubb34\ub294 \uacc4\uc18d \ub298\uc5b4\ub098\uace0 \ub2e4\uc591\ud574\uc9d1\ub2c8\ub2e4. \uc774\ub7f0 \uc0c1\ud669\uc744 \uc5b4\ub5bb\uac8c \uadf9\ubcf5\ud560 \uc218 \uc788\uc744\uae4c\uc694? (\uc911\ub7b5) \uc2dc\uc2a4\ud15c\uc774\ub780 \uac01\uac01\uc758 \uc694\uc18c\ub4e4\uc744 \ud568\uaed8 \uc5f0\uacb0\ud558\ub294 \uac83\uc774\uba70, \uc774\ub7ec\ud55c \u2018\uc694\uc18c\ub4e4\u2019\uc774 \ub2e4\ub978 \uacf3\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ub420 \uc218 \uc788\uac8c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4. \uadf8\ub798\uc11c \ubc84\uc988\ube4c \ub514\uc790\uc778 \ud300\uc5d0\uc11c\ub294 \ub514\uc790\uc778 asset\ub4e4\uc744 \ubd84\ub9ac\ud558\uc5ec \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 component\ub85c \ub9cc\ub4dc\ub294 \uc77c\ub4e4\uc744 \ud574\uc654\uc2b5\ub2c8\ub2e4. (<\/strong>Desigh System at Buzzvil<\/strong><\/a>)<\/strong><\/p>\n\n\n\n

\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740 \ub514\uc790\uc778\uc744 \ud558\ub294\ub370 \ub3c4\uc6c0\uc744 \uc8fc\ub294 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.  \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574\uc11c \ubaa8\ub4e0 \uc0ac\ub78c\uc774 \ub514\uc790\uc774\ub108\ucc98\ub7fc \uc0dd\uac01\ud558\uace0 \uc77c\ud560 \uc218 \uc788\uae30\ub97c \uae30\ub300\ud558\ub294 \uac83\uc740 \uc544\ub2c8\uc9c0\ub9cc \uc774\ub97c \ud65c\uc6a9\ud558\uc5ec \uc815\ubcf4\ub97c \uc798 \uc804\ub2ec\ud558\uace0 \ubaa8\ub450\uac00 \ub514\uc790\uc778 \ub9ac\uc18c\uc2a4\uc5d0 \uc811\uadfc\ud558\uac8c \ud568\uc73c\ub85c\uc368 \uacb0\uacfc\uc801\uc73c\ub85c \ub204\uad6c\ub098 \ubbf8\ub9ac \ub9cc\ub4e4\uc5b4\uc9c4 \ube14\ub7ed\uc744 \ud65c\uc6a9\ud558\uc5ec \ub300\ub7b5\uc801\uc778 \ucee8\uc149\uc744 \ub9cc\ub4e4\uc5b4\ub0bc \uc218 \uc788\uae30\ub97c \uae30\ub300\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\ub204\uad6c\ub098 \ubbf8\ub9ac \ub9cc\ub4e4\uc5b4\uc9c4 \ube14\ub7ed\uc744 \ud65c\uc6a9\ud558\uc5ec \ub300\ub7b5\uc801\uc778 \ucee8\uc149\uc744 \ub9cc\ub4e4\uc5b4\ub0bc \uc218 \uc788\uae30\ub97c \uae30\ub300\ud558\ub294 \uac83. \ub514\uc790\uc774\ub108\uac00 \ub9ce\uc9c0 \uc54a\uc740 \uc0c1\ud669\uc5d0\uc11c, \uc704\uc640 \uac19\uc740 \ucee8\uc149\uc73c\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc774 \uc874\uc7ac\ud55c\ub2e4\uba74 \uae30\ud68d\ub2e8\uacc4\uc5d0\uc11c\ubd80\ud130 \uc704\uc640 \uac19\uc740 \uace0\ubbfc\uc744 \uc2dc\uc791\ud560 \uc218 \uc788\uc9c0 \uc54a\uc744\uae4c\uc694? \ucd9c\ubc1c\uc120\uc774 \uc55e\ub2f9\uaca8\uc9c0\ub294 \ud615\ud0dc\ub85c \ub9d0\uc774\uc8e0. \ub2e4\uc2dc \ud55c \ubc88 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’\uc758 \ud6a8\uc728\uc131\uc5d0 \ub300\ud574 \uc0dd\uac01\ud574 \ubcfc \uc218 \uc788\ub294 \ub0b4\uc6a9\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

–<\/p>\n\n\n\n

\uac00\uae4c\uc774\uc5d0 \uc874\uc7ac\ud558\ub294 \uc0ac\ub840\ub4e4\uc744 \ucc3e\uace0\uc790, \uad6d\ub0b4 \uc11c\ube44\uc2a4\ub97c \ub300\uc0c1\uc73c\ub85c \uc815\ub9ac\ub97c \ud588\uc9c0\ub9cc \ub208\uc744 \uc870\uae08\ub9cc \ub3cc\ub9ac\uba74 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud55c \ub17c\uc758\ub294 \uc815\ub9d0 \uad11\ubc94\uc704\ud569\ub2c8\ub2e4. \ud1a0\uc2a4\uac00 \uc5b8\uae09\ud588\ub358 ‘\ube0c\ub79c\ub529’\uc740 \ubb3c\ub860\uc774\uace0 \uc5d0\uc5b4\ube44\uc564\ube44\uc758 ‘\uc811\uadfc\uc131’, \ub9c8\uc774\ub9ac\uc5bc\ud2b8\ub9bd\uc758 ‘\ucee4\ubba4\ub2c8\ucf00\uc774\uc158’\ub3c4 \uadf8 \uc77c\ubd80\ub77c\uace0 \ud560 \uc218 \uc788\uc8e0. <\/p>\n\n\n\n

–<\/p>\n\n\n\n

Adele<\/strong><\/p>\n\n\n

\n
\"\"
\uac10\uc0ac\ud569\ub2c8\ub2e4 ‘UXpin’<\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\uc6b0\ub9ac\uac00 \uc544\ub294 \uadf8 \uc2f1\uc5b4\uc1a1\ub77c\uc774\ud130 \uc544\ub378\uc774 \uc544\ub2d9\ub2c8\ub2e4. \ud504\ub85c\ud1a0\ud0c0\uc785 \uc81c\uc791 \ud234 ‘UXPin’\uc5d0\uc11c \ub9cc\ub4e0 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c’ \uc0ac\ub840 \ud050\ub808\uc774\uc158 \ud398\uc774\uc9c0\uc785\ub2c8\ub2e4. ‘Adele Goldberg<\/a>‘, Smalltalk-80\uc774\ub77c\ub294 \uae30\ub150\ube44\uc801 \ucc45\uc744 \uc9d1\ud544\ud558\uace0 PC \ub9e4\uac70\uc9c4\uc5d0\uc11c \ud3c9\uc0dd \uacf5\ub85c\uc0c1(Lifetime Achievement Award)\uc744 \uc218\uc0c1\ud55c \ucef4\ud4e8\ud130 \uacf5\ud559\uc790\uc758 \uc774\ub984\uc5d0\uc11c \ub530\uc628 \uac83\uc774\ub77c\uace0 \ud558\ub124\uc694. <\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"
\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub9ac\uc2a4\ud2b8\ub85c \ud55c \ub208\uc5d0!<\/figcaption><\/figure>\n\n\n\n

–<\/p>\n\n\n\n

\uc774 \uacf3\uc758 \uac00\uc7a5 \ud070 \ub9e4\ub825\uc740 Pinterest, Mozilla, Microsoft, Github, Atlassian \ub4f1\uc758 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub9ac\uc2a4\ud2b8 \ud615\ud0dc\ub85c \ud55c \ub208\uc5d0 \ud655\uc778\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4. \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uc774\ub984\uc740 \ubb34\uc5c7\uc774\uace0, \ub9cc\ub4e0 \uacf3\uc740 \uc5b4\ub514\uc774\uba70, \ucf54\ub4dc\ub294 \uc5b4\ub5bb\uac8c \uad6c\uc131\ub418\uc5b4 \uc788\ub294\uc9c0, \ucef4\ud3ec\ub10c\ud2b8\uac00 \uc874\uc7ac\ud558\ub294\uc9c0 \ub4f1\uc744 \ud655\uc778\ud558\uace0 \ud574\ub2f9 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ud398\uc774\uc9c0\ub85c \ubc14\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\uc8e0. \uc5ec\uae30\uc5d0 \uc788\ub294 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\ub4e4\uc744 \ud558\ub098\uc529 \ucc28\ub840\ub300\ub85c \ud655\uc778\ud558\ub294 \uadf8 \uc790\uccb4\uac00 \ub9ce\uc740 \ub3c4\uc6c0\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc800 \uc5ed\uc2dc \uc774 \uacf3\uc5d0\uc11c \uc0dd\uac01\uc9c0\ub3c4 \ubabb\ud55c \uc0ac\ub840\uc640 \uad6c\uc131\ub4e4\uc744 \ub9cc\ub0a0 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. (Adele by UXPin \ubc14\ub85c\uac00\uae30<\/a>)<\/p>\n\n\n\n

–<\/p>\n\n\n\n

Design Systems Repo<\/strong><\/p>\n\n\n

\n
\"\"
\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud55c \uc0ac\ub840, \uc544\ud2f0\ud074\uc744 \ud050\ub808\uc774\uc158 \ud574\uc8fc\ub294 \uacf3!<\/figcaption><\/figure><\/div>\n\n\n

–<\/p>\n\n\n\n

\uac8c\uc2dc\uae00 \uc791\uc131\uc77c \uae30\uc900 \ucd1d 62\uac1c\uc758 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uc0ac\ub840\ub97c \ud655\uc778\ud560 \uc218 \uc788\ub294 \uacf3\uc785\ub2c8\ub2e4. Marvel, Zendesk, IBM, Shopify, Audi UI \ub4f1\uc758 \uc0ac\ub840\uac00 \ub4f1\ub85d\ub418\uc5b4 \uc788\ub124\uc694. \uc378\ub124\uc77c\uc744 \ubbf8\ub9ac \ud655\uc778\ud560 \uc218 \uc788\uc5b4 \uc0b4\ud3b4\ubcf4\uae30\uc5d0 \ub354 \uc88b\uc740 \uacf5\uac04\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

–<\/p>\n\n\n\n

\ubfd0\ub9cc \uc544\ub2c8\ub77c \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud55c \ubc29\ubc95\ub860, \uad6c\ucd95 \uacfc\uc815 \ub4f1\uc744 \uc0b4\ud3b4\ubcfc \uc218 \uc788\ub294 \uc544\ud2f0\ud074\ub3c4 \ubaa8\uc544\ub193\uc558\ub294\ub370\uc694! 51\uac1c\uc758 \uc544\ud2f0\ud074\uc774 \uc560\ub2c8\uba54\uc774\uc158, \ucf54\ub4dc, \ud328\ud134 \ub4f1\uc5d0 \ub530\ub77c \uad6c\ubd84\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ud2f0\ud074 \uc678 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uacfc \uad00\ub828\ub41c ‘\ud234’\ub3c4 \ud568\uaed8 \uc81c\uacf5\ud558\uace0 \uc788\uc5b4 \uc885\ud569\uc801\uc778 \ub0b4\uc6a9\uc744 \ud30c\uc545\ud558\uae30\uc5d0 \ub354\uc5c6\uc774 \uc88b\uc740 \uacf3\uc774\uc8e0! (Design Systems Repo \ubc14\ub85c\uac00\uae30<\/a>)<\/p>\n\n\n\n

–<\/p>\n\n\n\n

Design Systems by Figma<\/strong><\/p>\n\n\n\n

\"\"
\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740 \ub514\uc790\uc774\ub108\ub97c \ub300\uccb4\ud560 \uc218 \uc788\ub2e4? \uc5c6\ub2e4?<\/figcaption><\/figure>\n\n\n\n

–<\/p>\n\n\n\n

UXPin\uc5d0 \uc774\uc5b4 Figma \uc5ed\uc2dc \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uacfc \uad00\ub828\ub41c \ub0b4\uc6a9\uc744 \ubcc4\ub3c4\ub85c \ubaa8\uc544 \ubcfc \uc218 \uc788\ub294 \ud398\uc774\uc9c0\ub97c \uc6b4\uc601\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc758 \ucc98\uc74c \uc5b8\uae09\ud588\ub358 ‘\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc740 \ub514\uc790\uc774\ub108\ub97c \ub300\uccb4\ud560 \uc218 \uc788\uc744\uae4c?’ \uc5d0 \ub300\ud55c \ub0b4\uc6a9 \uc5ed\uc2dc \uc774 \uacf3\uc5d0\uc11c \ubc1c\ud589\ub41c \ub0b4\uc6a9\uc774\uc5c8\uc8e0. <\/p>\n\n\n\n

\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uacfc \uad00\ub828\ub41c \uae00\uc744 \uc9c1\uc811 \ubc1c\ud589\ud558\uace0 \uc788\ub2e4\ub294 \uc810\uc774 \uc55e\uc120 \ub450 \ud398\uc774\uc9c0\uc640 \uac00\uc7a5 \ud070 \ucc28\uc774\uc810\uc774\uba70 \uc544\uc9c1 \ubc1c\ud589\ub41c \uae00\uc774 \ub9ce\uc9c0\ub294 \uc54a\uc9c0\ub9cc \ub0b4\uc6a9 \uc790\uccb4\uac00 \uc6cc\ub099 \uc88b\uc544 \uc800 \uc5ed\uc2dc \uc0c1\uc138\ud788 \ub4e4\uc5ec\ub2e4 \ubcf8 \uacf3\uc785\ub2c8\ub2e4. (Design Systems by Figma \ubc14\ub85c\uac00\uae30<\/a>)<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\uc81c \uccab \ub3c4\uc11c\uac00 \ucd9c\uac04\ub418\uc5c8\uc5b4\uc694. \uc81c\ubaa9\uc740 \u201910\ub144 \ucc28 IT \uae30\ud68d\uc790\uc758 \ub178\ud2b8\u2019<\/strong>\uc785\ub2c8\ub2e4. \ub274\uc2a4\ub808\ud130\uc640 \uc774 \ube14\ub85c\uadf8\ub97c \uc2dc\uc791\ud558\uac8c \ub41c \uc774\uc720\ub294 \uc0ac\uc218 \uc5c6\uc774 \uc77c\ud558\ub294 \uc5b4\ub824\uc6c0\uc744 \uc800\ubcf4\ub2e4 \uc870\uae08 \ub2a6\uac8c \ucd9c\ubc1c\ud55c \ubd84\ub4e4\uc774 \ub35c \ub290\uaf08\uc73c\uba74 \ud558\ub294 \ub9c8\uc74c \ub54c\ubb38\uc774\uc5c8\ub294\ub370\uc694. \uac19\uc740 \ub9e5\ub77d\uc5d0\uc11c, 9\uac1c \ub178\ud2b8(\uae30\ub85d)\ub97c \ubc14\ud0d5\uc73c\ub85c \uae30\ud68d\uacfc PM\uc758 \uc8fc\uc694 \uc5c5\ubb34\ub97c \uc5b4\ub5bb\uac8c \ud558\uba74 \uc88b\uc744\uc9c0 \uc815\ub9ac\ud55c \ub0b4\uc6a9\uc785\ub2c8\ub2e4. \uc544\ub798 \ub9c1\ud06c\ub97c \ud1b5\ud574 \uc790\uc138\ud55c \ub0b4\uc6a9\uc744 \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc5b4\uc694!<\/strong><\/p>\n\n\n\n