{"id":22187,"date":"2023-01-19T10:19:02","date_gmt":"2023-01-19T01:19:02","guid":{"rendered":"http:\/\/13.125.82.244\/?p=22187"},"modified":"2023-01-19T10:19:06","modified_gmt":"2023-01-19T01:19:06","slug":"uiplaybook","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/uiplaybook\/","title":{"rendered":"\uccb4\ud06c\ubc15\uc2a4, \ud234\ud301, \ubc84\ud2bc \ub4f1 \uc790\uc8fc \uc4f0\uc774\ub294 UI \ucef4\ud3ec\ub10c\ud2b8 \uad6c\uc131 \ubc29\ubc95\uc5d0 \ub300\ud55c \uc790\uc138\ud55c \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub294 \uacf3!"},"content":{"rendered":"\n<p style=\"font-size:16px\">&#8211;<\/p>\n\n\n\n<p style=\"font-size:16px\">\ud234\ud301, \ubc84\ud2bc, \uc54c\ub9bc(\ud1a0\uc2a4\ud2b8 \ub4f1), \ud14d\uc2a4\ud2b8\ud544\ub4dc, \uc544\ubc14\ud0c0(\ud504\ub85c\ud544), \uccb4\ud06c\ubc15\uc2a4, \ubaa8\uc158, \ud31d\uc624\ubc84, \ub77c\ub514\uc624 \ubc84\ud2bc \ub4f1\uc758 \uacf5\ud1b5\uc810\uc740 \ub300\ubd80\ubd84\uc758 \uc11c\ube44\uc2a4\uc5d0 \uc801\uc6a9\ub420 \uc218 \uc788\ub294, \uc790\uc8fc \uc4f0\uc774\ub294 UI \ucef4\ud3ec\ub10c\ud2b8\ub77c\ub294 \uc810\uc785\ub2c8\ub2e4. <strong>\uc624\ub298 \uc18c\uac1c\ud560 \uc11c\ube44\uc2a4\ub294 \uc774\ucc98\ub7fc \uc6b0\ub9ac\uac00 \uae30\ubcf8\uc801\uc73c\ub85c \uace0\ub824\ud574\uc57c \ud560 UI \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc5b4\ub5bb\uac8c \uad6c\uc131\ud574\uc57c \ud558\uba70 \uace0\ub824\ud574\uc57c \ud560 \ub0b4\uc6a9\uc740 \ubb34\uc5c7\uc778\uc9c0 \uc790\uc138\ud788 \uc815\ub9ac\ud574 \uc8fc\ub294 \uacf3<\/strong>\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1aotW0MtjAAWwpR0B9BqJScT5UD3emZKR\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">&#8216;UI \ud50c\ub808\uc774\ubd81&#8217;\uc758 \uae30\ubcf8 \ud654\uba74\uc785\ub2c8\ub2e4. \ucef4\ud3ec\ub10c\ud2b8\ub97c \uac80\uc0c9\ud560 \uc218 \uc788\ub294 \uac80\uc0c9\ucc3d\uc774 \uba3c\uc800 \ubcf4\uc774\uace0, \uc544\ub798\ub85c \uc6b0\ub9ac\uac00 \ud655\uc778\ud560 \uc218 \uc788\ub294 UI \ucef4\ud3ec\ub10c\ud2b8 \ub9ac\uc2a4\ud2b8\ub97c \uc0b4\ud3b4\ubcfc \uc218 \uc788\uc5b4\uc694. \uc0ac\uc2e4 9\uac1c\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ud655\uc778\ud560 \uc218 \uc788\uace0, 1\uac1c\ub294 \uc5c5\ub370\uc774\ud2b8 \uc608\uc815\uc73c\ub85c \ub418\uc5b4 \uc788\uc5b4 \uac80\uc0c9 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc77c\uc740 \uc544\uc9c1 \ub9ce\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub2e4\ub9cc, <strong>\uac1c\uc218\ub294 \uc801\uc5b4\ub3c4 \ub0b4\uc6a9\uc740 \uc6b0\ub9ac\uac00 \ud558\ub098\uc758 UI \ucef4\ud3ec\ub10c\ud2b8\ub97c \uad6c\uc131\ud558\ub294 \ub370 \uc788\uc5b4 \ud55c\ubc88\ucbe4 \uace0\ub824\ud574\ubd10\uc57c \ud560 \ub0b4\uc6a9\uc774 \uc798 \uc815\ub9ac\ub418\uc5b4 \uc788\uc5b4 \ucc38\uace0\ud558\uae30\uc5d0 \uc88b\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1b9Gn0aW2M6_jWeV8OnWbRPLPhxp4YdiT\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\"><strong>\uba54\uc778 \ud654\uba74\uc5d0\uc11c \ub4f1\ub85d\ub41c UI \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \ub300\ud55c \uae30\ubcf8 \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong> \ucef4\ud3ec\ub10c\ud2b8 \uc774\ub984\ub9cc \ud3ec\ud568\ub41c \uac83\uc774 \uc544\ub2c8\ub77c \uc2e4\uc81c \uc4f0\uc774\ub294 \ubaa8\uc2b5\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub77c\ub514\uc624 \ubc84\ud2bc\uc740 \uace7 \ucd94\uac00\ub420 \uc608\uc815\uc774\ub77c\ub294 \uc0ac\uc2e4 \ub610\ud55c \uc54c \uc218 \uc788\ub294\ub370, \uc774\ub807\uac8c \uacc4\uc18d UI \ucef4\ud3ec\ub10c\ud2b8\uac00 \ucd94\uac00\ub420 \uc608\uc815\uc774\ub77c\uace0 \ud558\ub124\uc694. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1Tzk-QTfqHw1GgYBtxwl-2pQctmWulliP\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:16px\">\uadf8\ub7fc \uc774\uc81c \uc0c1\uc138 \ub0b4\uc6a9\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uba3c\uc800 &#8216;\uc54c\ub9bc&#8217;\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc73c\ub85c, \uc0c1\uc138 \ud654\uba74\uc73c\ub85c \uc774\ub3d9\ud558\uba74 \ud574\ub2f9 UI \ucef4\ud3ec\ub10c\ud2b8\uac00 \uc5b4\ub5a4 \uc5ed\ud560\uc744 \ud558\ub294\uc9c0\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc5b4\uc694. \uc0ac\uc6a9\uc790\uc5d0 \ub300\ud55c \uc54c\ub9bc(\ub610\ub294 \ud53c\ub4dc\ubc31)\uc740 \ud654\uba74 \ud558\ub2e8\uc5d0 \uc77c\uc2dc\uc801\uc73c\ub85c \ub4f1\uc7a5\ud558\ub294, \uc77c\uc815\ud55c \uc2dc\uac04\uc774 \uc9c0\ub098\uba74 \uc790\ub3d9\uc73c\ub85c \ube44\ud65c\uc131\ud654\ub420 \uc218 \uc788\ub2e4\ub294 \ub4f1\uc758 \ub0b4\uc6a9\uc774 \ub2f4\uaca8\uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1O2ZUj9pWVxUo1yQsTb7evl0sNXg3W3By\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:16px\"><strong>\uae30\ub2a5 \uad00\uc810\uc5d0\uc11c\uc758 \ub0b4\uc6a9 \uc544\ub798\ub85c\ub294 \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc774 \uc791\uc131<\/strong>\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uba54\uc2dc\uc9c0\ub294 \ud55c\ub208\uc5d0 \uc774\ud574\ud558\uae30 \uc27d\uac8c \uc791\uc131\ub418\uc5b4\uc57c \ud558\uba70, \uc815\ubcf4 \uc81c\uacf5\uacfc \ub3d9\uc2dc\uc5d0 \uc0ac\uc6a9\uc790\uac00 \uc5f0\uad00 \ud589\ub3d9\uc744 \ud560 \uc218 \uc788\ub294 \uad6c\uc131\uc744 \uace0\ub824\ud574\uc57c \ud55c\ub2e4\ub294 \ub0b4\uc6a9\ub3c4 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uba54\uc77c \ubc1c\uc1a1\uc774 \uc644\ub8cc\ub418\uc5c8\ub2e4\ub294 \uba54\uc2dc\uc9c0\uc5d0 \ubc1c\uc1a1 \ucde8\uc18c \ubc84\ud2bc\uc774 \ud568\uaed8 \ud3ec\ud568\ub418\ub294 \uac83\uc774 \ub300\ud45c\uc801\uc778 \uc0ac\ub840\ub77c\uace0 \ud560 \uc218 \uc788\uaca0\ub124\uc694. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1AMDhJKxW3VySwrylVb45bCMtVSL_K8Xa\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:16px\">\uc774\ubc88\uc5d0\ub294 \uccb4\ud06c\ubc15\uc2a4\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc785\ub2c8\ub2e4. \uc55e\uc11c \uc0b4\ud3b4\ubcf8 \uc54c\ub9bc\uacfc \ub3d9\uc77c\ud558\uac8c \uae30\ubcf8\uc801\uc73c\ub85c \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0, \uace0\ub824\ud574\uc57c \ud560 \ub0b4\uc6a9\uc740 \ubb34\uc5c7\uc778\uc9c0 \ub4f1\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \ucc28\ub840\ub85c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc790\uc8fc \uc4f0\uc774\uace0, \uae30\ubcf8\uc801\uc778 UI \ucef4\ud3ec\ub10c\ud2b8\ub77c\ub294 \ud310\ub2e8\uc5d0 \uc790\uce6b \ub193\uce60 \uc218 \uc788\ub294 \ub0b4\uc6a9\uc744 \ud655\uc778\ud558\uae30 \uc88b\uc740 \uc5ed\ud560\uc744 \ud574\uc900\ub2e4\uace0 \uc0dd\uac01<\/strong>\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1JC0Obo33UJBJH8LwLBQT0vL6ZTo-irCc\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p style=\"font-size:16px\"><strong>\ub610 \uc751\uc6a9\ud574\uc11c, \ud568\uaed8 \ud65c\uc6a9\ud558\uae30 \uc88b\uc740 \ubc29\ubc95\uc5d0 \ub300\ud55c \ub0b4\uc6a9\ub3c4 \ud655\uc778<\/strong>\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uccb4\ud06c\ubc15\uc2a4\ub294 \ud55c \uac1c \ub2e8\uc704\ub85c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc9c0\ub9cc, \ud558\uc704 \uc18d\uc131\uc744 \ud3ec\ud568\ud558\ub294 \uacbd\uc6b0\ub3c4 \uc788\uc5b4 \uc774\ub7f0 \uc0c1\ud669\uc5d0\uc11c\ub294 \uc5b4\ub5bb\uac8c \uad6c\uc131\ud574\uc57c \ud558\ub294\uc9c0 \uc54c \uc218 \uc788\uc5b4\uc694.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=16IbQahVR94wqpzdmdCKaxUDRkoRAku5Q\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">UI \ucef4\ud3ec\ub10c\ud2b8\ubcc4 \uc811\uadfc\uc131\uc5d0 \ub300\ud55c \ub0b4\uc6a9\ub3c4 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc811\uadfc\uc131 \uad00\ub828 \ub354 \uc790\uc138\ud55c \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\ub294 \ub9c1\ud06c\ub3c4 \uc81c\uacf5\ub418\ub294 \ubaa8\uc2b5\uc774\ub124\uc694. \uc815\ub9ac\ud574 \ubcf4\uba74, <strong>\ud558\ub098\uc758 \ucef4\ud3ec\ub10c\ud2b8 \ub2e8\uc704\ub85c \uac04\ub2e8\ud55c \uc124\uba85, \ud65c\uc6a9\ub3c4, \uc8fc\uc694 \uc0ac\ub840, \uc811\uadfc\uc131 \uc548\ub0b4, \uad6c\ud604 \ubc29\ubc95 \ub4f1\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n<p style=\"font-size:16px\">\uc774\uba54\uc77c\uc744 \ub4f1\ub85d\ud558\uba74 \ub274\uc2a4\ub808\ud130\ub97c \ud1b5\ud574 \uc0c8\ub85c\uc6b4 \ucef4\ud3ec\ub10c\ud2b8\uac00 \ub4f1\ub85d\ub418\uc5c8\uc744 \ub54c \uad00\ub828 \ub0b4\uc6a9\uc744 \ubc14\ub85c \ubc1b\uc544\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\uc9c1 \uc5c5\ub370\uc774\ud2b8 \uc8fc\uae30\ub294 \uc815\ud655\ud788 \uc54c \uc218 \uc5c6\uc9c0\ub9cc, \uc6b0\uc120\uc740 \ubbf8\ub9ac \ub4f1\ub85d\ub41c 9\uac1c\uc758 UI \ucef4\ud3ec\ub10c\ud2b8\ub97c \ud655\uc778\ud558\ub294 \uac83\ub9cc\uc73c\ub85c\ub3c4 \ub9ce\uc740 \ub3c4\uc6c0\uc744 \ubc1b\uc744 \uc218 \uc788\ub294 \uacf5\uac04\uc785\ub2c8\ub2e4.<a href=\"https:\/\/uiplaybook.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" \ub354 \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 '\ub9c1\ud06c'\ub97c \ucc38\uace0\ud574 \uc8fc\uc138\uc694! (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\"> \ub354 \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 &#8216;\ub9c1\ud06c&#8217;\ub97c \ucc38\uace0\ud574 \uc8fc\uc138\uc694!<\/a><\/p>\n\n\n\n<ul><li><a rel=\"noreferrer noopener\" aria-label=\" (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/13.125.82.244\/css-gui\/\" target=\"_blank\">\ucf54\ub529 \uc5c6\uc774, \ub2e4\uc591\ud55c \uc2a4\ud0c0\uc77c\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub9de\ucda4\ud615\uc73c\ub85c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uacf3<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\" (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/13.125.82.244\/figmacomponents\/\" target=\"_blank\">\ubb34\ub8cc \ud53c\uadf8\ub9c8 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uce74\ud14c\uace0\ub9ac\uc5d0 \ub530\ub77c \ud655\uc778\ud558\uace0 \ubcf5\uc0ac\ud560 \uc218 \uc788\ub294 \uacf3<\/a><\/li><li><a href=\"http:\/\/13.125.82.244\/thecomponentgallery\/\">\ub2e4\uc591\ud55c \uc885\ub958\uc758 \ucef4\ud3ec\ub10c\ud2b8\uc640 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \ud655\uc778\uc774 \uac00\ub2a5\ud55c : The Component Gallery<\/a><\/li><\/ul>\n\n\n\n<p style=\"font-size:16px\">&#8211;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud234\ud301, \ubc84\ud2bc, \uc54c\ub9bc(\ud1a0\uc2a4\ud2b8 \ub4f1), \ud14d\uc2a4\ud2b8\ud544\ub4dc, \uc544\ubc14\ud0c0(\ud504\ub85c\ud544), \uccb4\ud06c\ubc15\uc2a4, \ubaa8\uc158 \ub4f1\uc758 UI \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \ub300\ud55c \uad6c\uc131\ubc29\ubc95, \uace0\ub824\uc0ac\ud56d, \uc811\uadfc\uc131 \ub4f1\uc758 \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\ub294 \uacf3!<\/p>\n","protected":false},"author":2,"featured_media":22189,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[883,26],"tags":[2358],"_links":{"self":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/22187"}],"collection":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/comments?post=22187"}],"version-history":[{"count":0,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/22187\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media\/22189"}],"wp:attachment":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media?parent=22187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/categories?post=22187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/tags?post=22187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}