{"id":21600,"date":"2022-08-03T16:42:06","date_gmt":"2022-08-03T07:42:06","guid":{"rendered":"http:\/\/13.125.82.244\/?p=21600"},"modified":"2022-08-03T16:42:10","modified_gmt":"2022-08-03T07:42:10","slug":"w3-patterns","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/w3-patterns\/","title":{"rendered":"\uc6f9 \uc811\uadfc\uc131\uc744 \uace0\ub824\ud55c \ub2e4\uc591\ud55c \ub514\uc790\uc778 \ud328\ud134\uacfc \uc608\uc81c\ub97c \ubcfc \uc218 \uc788\ub294 \uacf3!"},"content":{"rendered":"\n<p style=\"font-size:16px\">&#8211;<\/p>\n\n\n\n<p style=\"font-size:16px\">\uc811\uadfc\uc131\uc5d0 \ub300\ud55c \uace0\ubbfc\uc774 \uc120\ud0dd\uc5d0\uc11c \ud544\uc218\ub85c \uc870\uae08\uc529 \ubc14\ub00c\ub294 \uac83 \uac19\uc544\uc694. \uc811\uadfc\uc131\uc5d0\ub3c4 \ub2e4\uc591\ud55c \uc8fc\uc81c\uc640 \ub17c\uc758 \ub300\uc0c1\uc774 \ud3ec\ud568\ub418\uc9c0\ub9cc, \uc911\uc694\ud55c \uac74 \uc811\uadfc\uc131\uc5d0 \ub300\ud55c \ub17c\uc758\uac00 \uc774\uc804\ubcf4\ub2e4 \ub354 \ud65c\ubc1c\ud788 \uc9c4\ud589\ub41c\ub2e4\ub294 \uac83\uacfc \ucc38\uace0\ud560 \uc790\ub8cc\uc640 \ub0b4\uc6a9 \uc5ed\uc2dc \ub9ce\uc544\uc9c4\ub2e4\ub294 \uac8c \uc544\ub2d0\uae4c \uc2f6\uc2b5\ub2c8\ub2e4. \uadf8\ub798\uc11c <strong>\uc624\ub298\uc740, \uc6f9 \uae30\uc900\uc774\uc9c0\ub9cc \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ub514\uc790\uc778 \ud328\ud134\uc744 \uc811\uadfc\uc131 \uad00\uc810\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc11c\ube44\uc2a4\ub97c \uc18c\uac1c\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1j_YYCklDgdQSM-Jys50Pp6rrkX-xeBBB\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc811\uadfc\uc131 \uad00\ub828, \uad6d\ub0b4\uc5d0\uc11c\ub294\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.wah.or.kr:444\/Participation\/guide.asp\" target=\"_blank\">\ud55c\uad6d\ud615 \uc6f9 \ucf58\ud150\uce20 \uc811\uadfc\uc131 \uc9c0\uce68<\/a>\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc73c\uba70(\uc6f9 \uc811\uadfc\uc131 \uc5f0\uad6c\uc18c) \uad6d\uc81c\uc801\uc73c\ub85c W3C\uc758\u00a0<abbr><a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\">WCAG<\/a><\/abbr>\ub77c \ubd88\ub9ac\ub294 \uc811\uadfc\uc131 \uac00\uc774\ub4dc\ub97c \ud45c\uc900\uc73c\ub85c \ud65c\uc6a9\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc624\ub298 \uc18c\uac1c\ud560 \ub514\uc790\uc778 \ud328\ud134\uc740 W3C\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uac83\uc73c\ub85c <span style=\"text-decoration: underline;\">\uc544\ucf54\ub514\uc5b8 UI, \uc5bc\ub7ff, \ub2e4\uc774\uc5bc\ub85c\uadf8 \ub4f1 30\uc5ec\uac1c\uc758 \ub514\uc790\uc778 \ud328\ud134\uc744 \uae30\ubcf8 \uc815\ubcf4\uc640 \ub354\ubd88\uc5b4 \uc811\uadfc\uc131 \uad00\uc810\uc5d0\uc11c \uc0dd\uac01\ud574\ubcfc \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1NjxDkKmyAQTzhTmRO3J8IvAxhpY8Xkh4\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc544\ubb34\ub798\ub3c4, \uc790\uc8fc \uc4f0\uc774\uc9c0 \uc54a\ub294 \ud328\ud134\ubcf4\ub2e4 \uc790\uc8fc \uc4f0\uc774\ub294 \ub514\uc790\uc778 \ud328\ud134\uc73c\ub85c \uc2dc\uc791\ud574\uc57c \uc811\uadfc\uc131\uc5d0 \uae30\ubcf8\uc801\uc778 \uc124\uacc4\uc5d0\uc11c\ubd80\ud130 \uc811\uadfc\uc131\uc744 \uace0\ub824\ud560 \uc218 \uc788\uc9c0 \uc54a\uc744\uae4c \uc2f6\uc5b4\uc694. \uc81c\uacf5\ub418\ub294 \ub514\uc790\uc778 \ud328\ud134\uc774 \uc6b0\ub9ac\uc5d0\uac8c \uc775\uc219\ud55c \uac83\ub4e4\ub85c \uad6c\uc131\ub41c \uc774\uc720\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. <span style=\"text-decoration: underline;\">\ub9ac\uc2a4\ud2b8\uc5d0\ub294 \uc5b4\ub5a4 \ub514\uc790\uc778 \ud328\ud134\uc778\uc9c0 \ub300\ud45c \uc774\ubbf8\uc9c0\uc640 \ud568\uaed8 \uc124\uba85\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/span> <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1c1kO2BaDxJ0hV2wr5lidp3Ktlltl0HGE\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc0c1\uc138 \ud398\uc774\uc9c0\ub85c \uc9c4\uc785\ud558\uba74, \ud574\ub2f9 \ub514\uc790\uc778 \ud328\ud134\uc5d0 \ub300\ud55c \uc790\uc138\ud55c \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc5bc\ub7ff\uacfc \uba54\uc2dc\uc9c0 \ub2e4\uc774\uc5bc\ub85c\uadf8\uc758 \uacbd\uc6b0 \ud328\ud134\uc5d0 \ub300\ud55c \uae30\ubcf8\uc801\uc778 \uc815\ubcf4\uc640 \ub354\ubd88\uc5b4 \uc608\uc81c\ub97c \ud568\uaed8 \uc81c\uacf5\ud558\ub294 \uac83\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. <span style=\"text-decoration: underline;\">\uae30\uc874\uc5d0 \uc81c\uacf5\ub418\ub294 \ub514\uc790\uc778 \ud328\ud134\uacfc \ub2e4\ub978 \uc810\uc774 \uc788\ub2e4\uba74, \uc811\uadfc\uc131\uc5d0 \ub300\ud55c \uc815\ubcf4\ub97c \ud568\uaed8 \uc900\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4.<\/span> <\/p>\n\n\n\n<p style=\"font-size:16px\">\uc6b0\ub9ac\uac00 \ubcf4\ud1b5 \uc0dd\uac01\ud558\ub294 \uc5bc\ub7ff\uacfc \ub2e4\uc774\uc5bc\ub85c\uadf8\ub294 \ud2b9\uc815 \uc2dc\uc810\uc5d0 \ud14d\uc2a4\ud2b8\uc640 \ud568\uaed8 \uc81c\uacf5\ud558\ub294 \uac83\uc744 \uc758\ubbf8\ud558\ub294\ub370\uc694. \uc811\uadfc\uc131 \uad00\uc810\uc5d0\uc11c \uc0dd\uac01\ud558\uba74 \uc18c\ub9ac\ub97c \ud568\uaed8 \uc81c\uacf5\ud558\ub294 \ub4f1\uc758 \uc635\uc158\uc744 \uace0\ub824\ud574\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. <span style=\"text-decoration: underline;\">\uc774\ub7f0 \uc815\ubcf4\ub97c \ud568\uaed8 \uc81c\uacf5\ud558\uae30\uc5d0 \uae30\uc874\uc5d0 \uc801\uc6a9\ub41c \ud328\ud134\uc744 \uc811\uadfc\uc131 \uce21\uba74\uc5d0\uc11c \ub2e4\uc2dc \uc0dd\uac01\ud558\ub294\ub370 \ud544\uc694\ud55c \uacfc\uc815\uc774\ub098 \uc2dc\uac04\uc744 \uc808\uc57d\ud560 \uc218 \uc788\uc5b4\uc694.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1md2IJ_g8e2Gmdjv59CwOeXp7bxsMQHrm\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc774\ubc88\uc5d0\ub294 &#8216;\ub9c1\ud06c&#8217;\uc5d0 \ud574\ub2f9\ub418\ub294 \ub0b4\uc6a9\uc785\ub2c8\ub2e4. \uc77c\ubd80 \ub514\uc790\uc778 \ud328\ud134\uc5d0\ub294 \ud2b9\ubcc4\ud788 \uc8fc\uc758\ud574\uc57c \ud558\ub294 \ub0b4\uc6a9 \ub4f1\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc5b4 \ucc38\uace0\ud558\uae30 \uc88b\uc2b5\ub2c8\ub2e4. \uc811\uadfc\uc131 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \ub4f1\uc774 \ubcc4\ub3c4 \uc790\ub8cc\ub85c \uc81c\uacf5\ub418\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc740\ub370, \uc774\ub294 \ub2f9\uc7a5\uc758 \uc801\uc6a9\ubcf4\ub2e4\ub294 \ud655\uc778\uc5d0 \ucd08\uc810\uc774 \ub9de\ucdb0\uc838 \uc788\uc5b4 \uc774\ud6c4 \uacfc\uc815\uc744 \ubcc4\ub3c4\ub85c \uac70\uccd0\uc57c \ud558\ub294\ub370\uc694. <span style=\"text-decoration: underline;\">\uc774\uacf3\uc740 \uc811\uadfc\uc131 \ub514\uc790\uc778 \ud328\ud134\uc5d0 \ub300\ud55c \uae30\ubcf8 \uc124\uba85\uacfc \uc608\uc81c\uac00 \ub2e4\uc218 \ud3ec\ud568\ub418\uc5b4 \uc788\uc5b4 \ud65c\uc6a9\ub3c4\uac00 \ub354 \ub192\ub2e4\ub294 \uc0dd\uac01\uc774 \ub4ed\ub2c8\ub2e4.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1_fezFtrZleuNisKOJ9THoZIqFg-z0iNl\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc811\uadfc\uc131\uc744 \uace0\ub824\ud574, \ubcc0\ud615\ub41c \uc608\uc81c\ub3c4 \uc798 \uc815\ub9ac\ub41c \ubaa8\uc2b5\uc785\ub2c8\ub2e4. \uc608\uc81c\ub294 CodePen\uc744 \ud1b5\ud574 \uc2e4\uc81c \uc5b4\ub5bb\uac8c \ub3d9\uc791\ud558\ub294\uc9c0 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?id=1c4eIYv7NLZTL1-akjq4C1zMsdnxRKJfK\" alt=\"\"\/><\/figure>\n\n\n\n<p style=\"font-size:16px\">\uc55e\uc11c, \uc811\uadfc\uc131 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \ub4f1 \uc811\uadfc\uc131\uacfc \uad00\ub828\ub41c \uc11c\ube44\uc2a4\ub098 \uc790\ub8cc\ub97c \uba87 \ubc88 \uc18c\uac1c\ud55c \uc801 \uc788\ub294\ub370 30\uc5ec \uac1c\uc5d0 \ud574\ub2f9\ud558\ub294 \ub514\uc790\uc778 \ud328\ud134\uc744 \uc774\ub807\uac8c \uc790\uc138\ud788 \ud655\uc778\ud560 \uc218 \uc788\ub294 \uacbd\uc6b0\ub294 \uc5c6\uc5c8\uae30\uc5d0 \ub354 \ubc18\uac11\uac8c \ub290\uaef4\uc9c0\ub124\uc694. <a rel=\"noreferrer noopener\" aria-label=\"\ub354 \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \ub9c1\ud06c\ub97c \ud1b5\ud574 \ud655\uc778 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/www.w3.org\/WAI\/ARIA\/apg\/patterns\/\" target=\"_blank\">\ub354 \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \ub9c1\ud06c\ub97c \ud1b5\ud574 \ud655\uc778<\/a>\ud558\uc2e4 \uc218 \uc788\uc73c\uba70, \uc544\ub798 \ub0b4\uc6a9\uacfc \ud568\uaed8 \uc0b4\ud3b4\ubcf4\uc2dc\uba74 \ub354 \ub9ce\uc740 \ub3c4\uc6c0\uc744 \ubc1b\uc73c\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4!<\/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\/a11yproject\/\" target=\"_blank\">\uc811\uadfc\uc131 \uad00\ub828 \uccb4\ud06c\ub9ac\uc2a4\ud2b8\uc640 \ub9ac\uc18c\uc2a4 \ud655\uc778\uc774 \uac00\ub2a5\ud55c \uacf3!<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\" (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"http:\/\/13.125.82.244\/accessguide\/\" target=\"_blank\">\uc6f9 \uc811\uadfc\uc131\uc5d0 \ub300\ud55c \ub2e4\uc591\ud55c \uac00\uc774\ub4dc\uc640 \uc0ac\ub840\ub97c \uc81c\uacf5\ud574\uc8fc\ub294 \uacf3 : Access Guide<\/a><\/li><li><a href=\"http:\/\/13.125.82.244\/getstark\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\">\uc11c\ube44\uc2a4 \uc811\uadfc\uc131\uc5d0 \ub300\ud55c \uace0\ubbfc\uc744 \ud55c \uacf3\uc5d0\uc11c \ud574\uacb0\ud574\uc8fc\ub294 : Getstark<\/a><\/li><\/ul>\n\n\n\n<p style=\"font-size:16px\">&#8211;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc544\ucf54\ub514\uc5b8 UI, \uc5bc\ub7ff, \ub2e4\uc774\uc5bc\ub85c\uadf8 \ub4f1 30\uc5ec \uac1c\uc758 \ub514\uc790\uc778 \ud328\ud134\uc744 \uc811\uadfc\uc131 \uad00\uc810\uc5d0\uc11c \uc0dd\uac01\ud574\ubcfc \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\ub294 \uc11c\ube44\uc2a4!<\/p>\n","protected":false},"author":2,"featured_media":21602,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[883,26],"tags":[149,1850,1699],"_links":{"self":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/21600"}],"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=21600"}],"version-history":[{"count":0,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/21600\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media\/21602"}],"wp:attachment":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media?parent=21600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/categories?post=21600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/tags?post=21600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}