{"id":6132,"date":"2023-03-07T12:32:45","date_gmt":"2023-03-07T03:32:45","guid":{"rendered":"https:\/\/k-thememarket.co.kr\/manual\/docs\/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4\/%ed%85%8c%eb%a7%88%ec%86%8c%ea%b0%9c\/%ea%b8%b0%eb%8a%a5%ec%95%88%eb%82%b4\/"},"modified":"2025-02-27T10:57:08","modified_gmt":"2025-02-27T01:57:08","slug":"%ea%b8%b0%eb%8a%a5%ec%95%88%eb%82%b4","status":"publish","type":"docs","link":"https:\/\/k-thememarket.co.kr\/manual\/docs\/%ec%bc%80%ec%9d%b4%ed%85%8c%eb%a7%88-%ec%9d%b4%ec%9a%a9%ec%95%88%eb%82%b4\/%ed%85%8c%eb%a7%88%ec%86%8c%ea%b0%9c\/%ea%b8%b0%eb%8a%a5%ec%95%88%eb%82%b4\/","title":{"rendered":"\uae30\ub2a5\uc548\ub0b4"},"content":{"rendered":"<p>\ucf00\uc774\ud14c\ub9c8\ub294 \ud648\ud398\uc774\uc9c0\uc758 \uae30\ub2a5\uad6c\ud604\uc744 \uc704\ud574 \ub2e4\uc591\ud55c \uc678\ubd80 API\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \uae30\ub2a5\ubaa9\ub85d\uc5d0\uc11c \uad00\ub828\ub0b4\uc6a9\uc744 \ud655\uc778\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\r\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-6381\" src=\"https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3.jpg\" alt=\"\" width=\"1614\" height=\"1199\" srcset=\"https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3.jpg 1614w, https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3-300x223.jpg 300w, https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3-1024x761.jpg 1024w, https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3-768x571.jpg 768w, https:\/\/k-thememarket.co.kr\/manual\/wp-content\/uploads\/sites\/2\/2023\/03\/Pasted-3-1536x1141.jpg 1536w\" sizes=\"(max-width: 1614px) 100vw, 1614px\" \/><\/p>\r\n<p>*\ud50c\ub7ec\uadf8\uc778\uc740 wp-content\/themes\/ ktheme_starter\/vendor \ud3f4\ub354\uc5d0 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><a href=\"https:\/\/michalsnik.github.io\/aos\/\" target=\"_blank\" rel=\"noopener\">AOS<\/a><\/h2>\r\n<p>AOS (Animate On Scroll)\ub294 \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. AOS\ub97c \uc0ac\uc6a9\ud558\uba74 \uc2a4\ud06c\ub864\uc744 \ud560 \ub54c \uc694\uc18c\uac00 \ubd80\ub4dc\ub7fd\uac8c \ub098\ud0c0\ub098\uac70\ub098 \uc0ac\ub77c\uc9c0\ub294 \ub4f1\uc758 \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 HTML, CSS \ubc0f JavaScript\ub85c \uc791\uc131\ub418\uc5b4 \uc788\uc73c\uba70, \uc0ac\uc6a9\ud558\uae30 \uc27d\uace0 \ub9e4\uc6b0 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\r\n<p>AOS \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\ub824\uba74, \uba3c\uc800 AOS \ub77c\uc774\ube0c\ub7ec\ub9ac \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc6f9 \ud398\uc774\uc9c0\uc5d0 \uc5f0\uacb0\ud574\uc57c \ud569\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c, AOS \ud074\ub798\uc2a4\ub97c HTML \uc694\uc18c\uc5d0 \ucd94\uac00\ud558\uace0 \uc6d0\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc124\uc815\ud569\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 AOS \uacf5\uc2dd \ubb38\uc11c\ub97c \ucc38\uc870\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2><a href=\"https:\/\/animate.style\/\" target=\"_blank\" rel=\"noopener\">AnimateCSS<\/a><\/h2>\r\n<p>Animate CSS\ub294 \uc6f9 \ud398\uc774\uc9c0\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc27d\uac8c \uc801\uc6a9\ud560 \uc218 \uc788\ub294 CSS \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uba74 \ubcf5\uc7a1\ud55c JavaScript \ucf54\ub4dc\ub97c \uc791\uc131\ud558\uc9c0 \uc54a\uace0\ub3c4 \ub2e4\uc591\ud55c CSS \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc6f9 \uc694\uc18c\uc5d0 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Animate CSS\ub294 \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \ubbf8\ub9ac \uc815\uc758\ud574\ub193\uace0, \uc774\ub97c \uc6f9 \uac1c\ubc1c\uc790\uac00 \uc0ac\uc6a9\ud558\uae30 \uc27d\uac8c \ub9cc\ub4e0 \uac83\uc774 \ud2b9\uc9d5\uc785\ub2c8\ub2e4.<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>Bootstrap 5<\/h2>\r\n<p>Bootstrap 5\ub294 \uc6f9 \uac1c\ubc1c\uc5d0\uc11c \uac00\uc7a5 \uc778\uae30 \uc788\ub294 \uc624\ud508 \uc18c\uc2a4 \ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. HTML, CSS, JavaScript\ub97c \uae30\ubc18\uc73c\ub85c \uc6f9 \ud398\uc774\uc9c0 \ub514\uc790\uc778 \ubc0f \ub808\uc774\uc544\uc6c3\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uad6c\ucd95\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\uba70, \ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. Bootstrap 5\ub294 \ubaa8\ubc14\uc77c \uc6b0\uc120 \uc811\uadfc \ubc29\uc2dd\uc744 \ucc44\ud0dd\ud558\uace0 \uc788\uc5b4, \ub2e4\uc591\ud55c \uae30\uae30\uc5d0\uc11c \ub3d9\uc791\ud558\ub294 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>Bootstrap 5\uc758 \uc8fc\uc694 \ubcc0\uacbd \uc0ac\ud56d \ubc0f \uae30\ub2a5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<ol>\r\n\t<li>jQuery \uc885\uc18d\uc131 \uc81c\uac70: Bootstrap 5\uc5d0\uc11c\ub294 JavaScript\uc758 \ub3c5\ub9bd\uc131\uc744 \ub192\uc774\uae30 \uc704\ud574 jQuery\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\uac1c\uc120\ub41c \uadf8\ub9ac\ub4dc \uc2dc\uc2a4\ud15c\uacfc \uc720\ud2f8\ub9ac\ud2f0 \ud074\ub798\uc2a4: \ub354 \uc720\uc5f0\ud558\uace0 \uac15\ub825\ud55c \uadf8\ub9ac\ub4dc \uc2dc\uc2a4\ud15c\uacfc \uc720\ud2f8\ub9ac\ud2f0 \ud074\ub798\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\r\n\t<li>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131(Custom Properties) \uc9c0\uc6d0: CSS \uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131\uc744 \ud1b5\ud574 \uc8fc\uc694 \uc2a4\ud0c0\uc77c\uc744 \uc27d\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\uc5c5\ub370\uc774\ud2b8\ub41c \ud3fc \ucef4\ud3ec\ub10c\ud2b8: \ud3fc \ucef4\ud3ec\ub10c\ud2b8\uc758 \ub514\uc790\uc778\uacfc \uae30\ub2a5\uc774 \uac1c\uc120\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>SVG \uc544\uc774\ucf58 \ub77c\uc774\ube0c\ub7ec\ub9ac \ub3c4\uc785: \uc774\uc804 \ubc84\uc804\uc758 \ud3f0\ud2b8 \uae30\ubc18 \uc544\uc774\ucf58 \ub300\uc2e0, Bootstrap 5\ub294 \uc790\uccb4 SVG \uc544\uc774\ucf58 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\r\n<\/ol>\r\n<p>Bootstrap 5\uc758 \uacf5\uc2dd \ud648\ud398\uc774\uc9c0 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<p><a href=\"https:\/\/getbootstrap.com\/\" target=\"_new\" rel=\"noopener\">https:\/\/getbootstrap.com\/<\/a><\/p>\r\n<p>\uacf5\uc2dd \ud648\ud398\uc774\uc9c0\uc5d0\uc11c\ub294 Bootstrap\uc744 \uc2dc\uc791\ud558\ub294 \ubc29\ubc95, \ubb38\uc11c, \uc608\uc81c, \uadf8\ub9ac\uace0 \ucee4\ubba4\ub2c8\ud2f0 \uc9c0\uc6d0 \ub4f1\uc5d0 \ub300\ud55c \uc815\ubcf4\ub97c \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>Fullpage<\/h2>\r\n<p>Fullpage.js\ub294 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc804\uccb4 \ud654\uba74 \uc139\uc158\uc73c\ub85c \ub098\ub204\uace0, \uc0ac\uc6a9\uc790\uac00 \uc138\ub85c \ubc29\ud5a5\uc73c\ub85c \uc6d0\ud65c\ud558\uac8c \uc2a4\ud06c\ub864\ud560 \uc218 \uc788\uac8c \ub3c4\uc640\uc8fc\ub294 jQuery \uae30\ubc18 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. Fullpage.js\ub97c \uc0ac\uc6a9\ud558\uba74 \uac01 \uc139\uc158\uc744 \ud654\uba74\uc5d0 \ub9de\ucd94\uace0, \uc218\ud3c9 \ub610\ub294 \uc218\uc9c1\uc73c\ub85c \uc6d0\ud65c\ud55c \uc804\ud658 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \uc6d0\ud398\uc774\uc9c0 \uc6f9\uc0ac\uc774\ud2b8, \ud504\ub808\uc820\ud14c\uc774\uc158, \uc2a4\ud1a0\ub9ac\ud154\ub9c1 \ub4f1 \ub2e4\uc591\ud55c \uc6a9\ub3c4\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\r\n<p>Fullpage.js\uc758 \uc8fc\uc694 \uae30\ub2a5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<ol>\r\n\t<li>\uc804\uccb4 \ud654\uba74 \uc139\uc158: \uc6f9 \ud398\uc774\uc9c0\uc758 \uac01 \uc139\uc158\uc744 \ud654\uba74 \ud06c\uae30\uc5d0 \ub9de\uac8c \uc870\uc808\ud569\ub2c8\ub2e4.<\/li>\r\n\t<li>\uc218\uc9c1 \ubc0f \uc218\ud3c9 \uc2a4\ud06c\ub864: \uc0ac\uc6a9\uc790\uac00 \uc218\uc9c1 \ub610\ub294 \uc218\ud3c9 \ubc29\ud5a5\uc73c\ub85c \uc6d0\ud65c\ud558\uac8c \uc2a4\ud06c\ub864\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\ubc18\uc751\ud615 \ub514\uc790\uc778: \ube0c\ub77c\uc6b0\uc800 \ud06c\uae30\uc5d0 \ub530\ub77c \uc790\ub3d9\uc73c\ub85c \uc870\uc808\ub418\uba70, \ubaa8\ubc14\uc77c \uae30\uae30\uc5d0\uc11c\ub3c4 \uc6d0\ud65c\ud558\uac8c \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/li>\r\n\t<li>\uc778\ud130\ub799\ud2f0\ube0c \uc560\ub2c8\uba54\uc774\uc158: \uac01 \uc139\uc158 \uac04 \uc804\ud658 \uc2dc \uc6d0\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\ud655\uc7a5 \uac00\ub2a5\uc131: \ud50c\ub7ec\uadf8\uc778\uacfc \ud638\ud658\ub418\ub294 \ub2e4\uc591\ud55c \ud655\uc7a5 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\uc5ec \ucd94\uac00 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\r\n<\/ol>\r\n<p>Fullpage.js\uc758 \uacf5\uc2dd \ud648\ud398\uc774\uc9c0 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<p><a href=\"https:\/\/alvarotrigo.com\/fullPage\/\" target=\"_new\" rel=\"noopener\">https:\/\/alvarotrigo.com\/fullPage\/<\/a><\/p>\r\n<p>\uacf5\uc2dd \ud648\ud398\uc774\uc9c0\uc5d0\uc11c\ub294 Fullpage.js\uc758 \uc0ac\uc6a9 \ubc29\ubc95, \ub77c\uc774\uc13c\uc2a4 \uc815\ubcf4, \ubb38\uc11c, \uc608\uc81c \ubc0f \ub2e4\uc6b4\ub85c\ub4dc \ub9c1\ud06c \ub4f1\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 Fullpage.js\ub294 jQuery \uae30\ubc18 \ud50c\ub7ec\uadf8\uc778\uc774\ubbc0\ub85c \uc791\uc5c5\uc744 \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 jQuery\ub97c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>hoverdir<\/h2>\r\n<p>Hoverdir\uc740 jQuery \uae30\ubc18 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c, \ub9c8\uc6b0\uc2a4 \ud638\ubc84 \uc2dc \uc774\ubbf8\uc9c0\ub098 \uc694\uc18c\uc5d0 \ub530\ub77c \ubc29\ud5a5\uc744 \uc778\uc2dd\ud558\ub294 \ud6a8\uacfc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uba74 \uc6f9 \ud398\uc774\uc9c0\uc5d0 \uc788\ub294 \uc694\uc18c\uc5d0 \ub300\ud574 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \ud574\ub2f9 \uc694\uc18c\uc758 \ubc29\ud5a5\uc744 \uc778\uc2dd\ud558\uace0, \ucf58\ud150\uce20\ub97c \uadf8\uc5d0 \ub9de\uac8c \ubcf4\uc5ec\uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ud6a8\uacfc\ub294 \uc774\ubbf8\uc9c0 \uac24\ub7ec\ub9ac, \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc0ac\uc774\ud2b8 \ub4f1\uc5d0\uc11c \ud2b9\ud788 \uc778\uae30 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>Hoverdir \ud50c\ub7ec\uadf8\uc778\uc758 \uc8fc\uc694 \ud2b9\uc9d5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<ol>\r\n\t<li>\ubc29\ud5a5 \uc778\uc2dd: \uc694\uc18c\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \uc694\uc18c\uc758 \ubc29\ud5a5\uc744 \uc778\uc2dd\ud558\uace0 \ud574\ub2f9 \ubc29\ud5a5\uc73c\ub85c \ud6a8\uacfc\ub97c \uc801\uc6a9\ud569\ub2c8\ub2e4.<\/li>\r\n\t<li>\ud638\ubc84 \ud6a8\uacfc: \uc694\uc18c\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \ubc29\ud5a5\uc5d0 \ub530\ub77c \ud45c\uc2dc\ub418\ub294 \uc815\ubcf4\ub97c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\uc0ac\uc6a9\uc790 \uc815\uc758 \uc635\uc158: \uac1c\ubc1c\uc790\uac00 \uc6d0\ud558\ub294 \ub300\ub85c \ud6a8\uacfc\uc758 \uc9c0\uc18d \uc2dc\uac04, \uc560\ub2c8\uba54\uc774\uc158 \uc18d\ub3c4 \ub4f1\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n\t<li>\ud50c\ub7ec\uadf8\uc778 \ud638\ud658\uc131: jQuery \uae30\ubc18 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c, \ub2e4\uc591\ud55c \uc6f9 \uac1c\ubc1c \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n<\/ol>\r\n<p>Hoverdir \ud50c\ub7ec\uadf8\uc778\uc758 \uacf5\uc2dd GitHub \uc800\uc7a5\uc18c \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\r\n<p><a href=\"https:\/\/github.com\/codrops\/HoverDir\" target=\"_new\" rel=\"noopener\">https:\/\/github.com\/codrops\/HoverDir<\/a><\/p>\r\n<p>\ucf00\uc774\ud14c\ub9c8\uc5d0\uc11c\ub294 \uac8c\uc2dc\ud310 \uac24\ub7ec\ub9ac\uc5d0 \ud574\ub2f9 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ucf00\uc774\ubcf4\ub4dc \uac24\ub7ec\ub9ac 15\uac8c\uc2dc\ud310 \uc2a4\ud0a8\uc5d0 \uc0ac\uc6a9\ub418\uace0 \uc788\uc73c\uba70 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>https:\/\/devktheme.mycafe24.com\/bbsskins\/%ea%b0%a4%eb%9f%ac%eb%a6%ac-15-thumbnail-type15\/<\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>Cool icons<\/h2>\r\n<p>&#8220;Coolicons&#8221;\ub294 \ub2e4\uc591\ud55c \ub514\uc790\uc778 \uc2a4\ud0c0\uc77c\uc758 \uc544\uc774\ucf58\uc744 \uc81c\uacf5\ud558\ub294 \ubb34\ub8cc \uc544\uc774\ucf58 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 SVG \ud615\uc2dd\uc758 \uc544\uc774\ucf58\uc744 \ud3ec\ud568\ud558\uba70, \ub2e4\uc591\ud55c \ud06c\uae30\uc640 \uc0c9\uc0c1\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c &#8220;Coolicons&#8221;\ub294 \uac1c\ubc1c\uc790\uc640 \ub514\uc790\uc774\ub108\uac00 \uc790\uc2e0\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc0ac\uc6a9\ud558\uae30 \uc27d\ub3c4\ub85d \uac01 \uc544\uc774\ucf58\uc744 \ucf54\ub4dc\ub85c \ubcf5\uc0ac\ud558\uc5ec \ubd99\uc5ec\ub123\uc744 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ucf00\uc774\ud14c\ub9c8\ub294 \ubd80\ud2b8\uc2a4\ud2b8\ub7a9 \uacf5\uc2dd \uc544\uc774\ucf58\uacfc cool icons\ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Coolicons&#8221;\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4: <a href=\"https:\/\/coolicons.cool\/\" target=\"_new\" rel=\"noopener\">https:\/\/coolicons.cool\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>LightGallery<\/h2>\r\n<p>&#8220;LightGallery&#8221;\ub294 \ubaa8\ubc14\uc77c \ubc0f \ub370\uc2a4\ud06c\ud1b1\uc5d0\uc11c \uc791\ub3d9\ud558\ub294 \ubc18\uc751\ud615 \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1 \uac24\ub7ec\ub9ac \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;LightGallery&#8221;\ub294 \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1\uc5d0 \ub300\ud55c \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc774\ubbf8\uc9c0\ub97c \ube60\ub974\uac8c \ud655\ub300 \ubc0f \ucd95\uc18c\ud560 \uc218 \uc788\uc73c\uba70, \uc2ac\ub77c\uc774\ub4dc\uc1fc \ubaa8\ub4dc\ub85c \uc804\ud658\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1\uc5d0 \ub300\ud55c \ucea1\uc158, \ud0dc\uadf8, \ub9c1\ud06c \ub4f1\uc758 \uc815\ubcf4\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;LightGallery&#8221;\ub294 jQuery, Angular, React \ubc0f Vue.js\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ud504\ub808\uc784\uc6cc\ud06c\uc640 \ud638\ud658\ub429\ub2c8\ub2e4.\ucf00\uc774\ud14c\ub9c8\uc5d0\uc11c\ub294 \uac24\ub7ec\ub9ac \uac8c\uc2dc\ud310\uc5d0 \uc801\uc6a9\ub418\uc5b4 \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uac8c\uc2dc\ud310 \ubfd0 \uc544\ub2c8\ub77c \ud398\uc774\uc9c0\uc758 \uac01 \ub514\uc790\uc778\uc694\uc18c\uc5d0\ub3c4 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc73c\ubbc0\ub85c \ud398\uc774\uc9c0 \uc81c\uc791 \uc2dc \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>https:\/\/devktheme.mycafe24.com\/%eb%94%94%ec%9e%90%ec%9d%b8%ec%9a%94%ec%86%8c\/%eb%9d%bc%ec%9d%b4%ed%8a%b8%eb%b0%95%ec%8a%a4-lightbox\/<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&#8220;LightGallery&#8221;\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4: <a href=\"https:\/\/www.lightgalleryjs.com\/\" target=\"_new\" rel=\"noopener\">https:\/\/www.lightgalleryjs.com\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>modernizr<\/h2>\r\n<p>&#8220;Modernizr&#8221;\ub294 HTML, CSS \ubc0f JavaScript \uae30\ub2a5\uc758 \uc9c0\uc6d0 \uc5ec\ubd80\ub97c \uac10\uc9c0\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ube0c\ub77c\uc6b0\uc800\uc758 \uc9c0\uc6d0 \ubc94\uc704\ub97c \ud655\uc778\ud558\uace0, \uc9c0\uc6d0\ub418\uc9c0 \uc54a\ub294 \uae30\ub2a5\uc744 \ub300\uccb4\ud558\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud558\uc5ec \uc6f9 \uac1c\ubc1c\uc790\uac00 \ubaa8\ub4e0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc77c\uad00\ub41c \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Modernizr&#8221;\ub294 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc73c\uba70, \ub2e8\uc21c\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud30c\uc77c\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc740 \ube0c\ub77c\uc6b0\uc800\uac00 \ud574\ub2f9 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\ub294\uc9c0 \uc5ec\ubd80\ub97c \ud655\uc778\ud558\uace0, \uacb0\uacfc\ub97c HTML \uc694\uc18c\uc758 \ud074\ub798\uc2a4\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4. \uac1c\ubc1c\uc790\ub294 \uc774\ub7ec\ud55c \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec CSS \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd\ud558\uac70\ub098 JavaScript \ucf54\ub4dc\ub97c \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Modernizr&#8221;\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4: <a href=\"https:\/\/modernizr.com\/\" target=\"_new\" rel=\"noopener\">https:\/\/modernizr.com\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>slick slider<\/h2>\r\n<p>\ucf00\uc774\ud14c\ub9c8\ub294 \uc678\ubd80\uc2ac\ub77c\uc774\ub354\ub97c \uc9c0\uc6d0\ud558\uc9c0\ub9cc \ub0b4\ubd80\uc801\uc73c\ub85c\ub294 &#8220;Slick Slider&#8221;\ub97c \ud1b5\ud569\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. &#8220;Slick Slider&#8221;\ub294 \ubc18\uc751\ud615 \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1 \uc2ac\ub77c\uc774\ub4dc\uc1fc\ub97c \uc81c\uacf5\ud558\ub294 jQuery \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \uc0ac\uc6a9\ud558\uae30 \uc27d\uace0 \ub9e4\uc6b0 \uc720\uc5f0\ud558\uba70, \ucee4\uc2a4\ud130\ub9c8\uc774\uc988\ud560 \uc218 \uc788\ub294 \ub2e4\uc591\ud55c \uc635\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Slick Slider&#8221;\ub294 \ub2e4\uc591\ud55c \uc2ac\ub77c\uc774\ub4dc\uc1fc \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc790\ub3d9 \uc7ac\uc0dd, \ubb34\ud55c \ub8e8\ud504, \ub4dc\ub798\uadf8 \ubc0f \uc2a4\uc640\uc774\ud504 \uae30\ub2a5, \ub2e4\uc591\ud55c \uc804\ud658 \ud6a8\uacfc, \uce90\ub7ec\uc140 \ubaa8\ub4dc \ub4f1\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. \ub610\ud55c \uc0ac\uc6a9\uc790 \uc9c0\uc815 \uc774\ubca4\ud2b8 \ubc0f \ucf5c\ubc31 \ud568\uc218\ub97c \uc9c0\uc6d0\ud558\uc5ec \uac1c\ubc1c\uc790\uac00 \uc2ac\ub77c\uc774\ub4dc\uc1fc\uc758 \ub3d9\uc791\uc744 \ub354\uc6b1 \uc138\ubc00\ud558\uac8c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Slick Slider&#8221;\ub294 \ub2e4\uc591\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1 \uce90\ub7ec\uc140, \uc81c\ud488 \uc2ac\ub77c\uc774\ub354, \ube0c\ub79c\ub4dc \ub85c\uace0 \uc2ac\ub77c\uc774\ub354 \ub4f1\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4. \ub610\ud55c &#8220;Slick Slider&#8221;\ub294 \ub2e4\uc591\ud55c \ube0c\ub77c\uc6b0\uc800\uc640 \uae30\uae30\uc5d0\uc11c \uc791\ub3d9\ud558\uba70, \ubc18\uc751\ud615 \ub514\uc790\uc778\uc744 \uc9c0\uc6d0\ud558\uc5ec \ubaa8\ubc14\uc77c \ubc0f \ub370\uc2a4\ud06c\ud1b1\uc5d0\uc11c \ub3d9\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Slick Slider&#8221;\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4: <a href=\"https:\/\/kenwheeler.github.io\/slick\/\" target=\"_new\" rel=\"noopener\">https:\/\/kenwheeler.github.io\/slick\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<h2>owl.carousel<\/h2>\r\n<p>&#8220;Owl Carousel&#8221;\ub294 \uac00\uc7a5 \ub9ce\uc740\ud648\ud398\uc774\uc9c0\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \ud50c\ub7ec\uadf8\uc778 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. &#8220;Owl Carousel&#8221;\uc740 \ubc18\uc751\ud615 \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1 \uc2ac\ub77c\uc774\ub4dc\uc1fc\ub97c \uc81c\uacf5\ud558\ub294 jQuery \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. &#8220;Owl Carousel&#8221;\uc740 \ub9e4\uc6b0 \uc720\uc5f0\ud558\uba70 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc2ac\ub77c\uc774\ub4dc\uc1fc\ub97c \ub9de\ucda4\ud654\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Owl Carousel&#8221;\uc740 \ub2e4\uc591\ud55c \uc2ac\ub77c\uc774\ub4dc\uc1fc \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc790\ub3d9 \uc7ac\uc0dd, \ubb34\ud55c \ub8e8\ud504, \ub4dc\ub798\uadf8 \ubc0f \uc2a4\uc640\uc774\ud504 \uae30\ub2a5, \ub2e4\uc591\ud55c \uc804\ud658 \ud6a8\uacfc, \uce90\ub7ec\uc140 \ubaa8\ub4dc \ub4f1\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. \ub610\ud55c \uc2ac\ub77c\uc774\ub4dc\uc1fc\uc758 \ud06c\uae30 \ubc0f \ub808\uc774\uc544\uc6c3\uc744 \uc870\uc815\ud558\uace0, \uc0ac\uc6a9\uc790 \uc815\uc758 \uc774\ubca4\ud2b8 \ubc0f \ucf5c\ubc31 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub3d9\uc791\uc744 \uc138\ubc00\ud558\uac8c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Owl Carousel&#8221;\uc740 \ub2e4\uc591\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc774\ubbf8\uc9c0 \ubc0f \ub3d9\uc601\uc0c1 \uce90\ub7ec\uc140, \uc81c\ud488 \uc2ac\ub77c\uc774\ub354, \ube0c\ub79c\ub4dc \ub85c\uace0 \uc2ac\ub77c\uc774\ub354 \ub4f1\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4. \ub610\ud55c &#8220;Owl Carousel&#8221;\uc740 \ub2e4\uc591\ud55c \ube0c\ub77c\uc6b0\uc800\uc640 \uae30\uae30\uc5d0\uc11c \uc791\ub3d9\ud558\uba70, \ubc18\uc751\ud615 \ub514\uc790\uc778\uc744 \uc9c0\uc6d0\ud558\uc5ec \ubaa8\ubc14\uc77c \ubc0f \ub370\uc2a4\ud06c\ud1b1\uc5d0\uc11c \ub3d9\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n<p>&#8220;Owl Carousel&#8221;\uc758 \uc8fc\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4: <a href=\"https:\/\/owlcarousel2.github.io\/OwlCarousel2\/\" target=\"_new\" rel=\"noopener\">https:\/\/owlcarousel2.github.io\/OwlCarousel2\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>\ucf00\uc774\ud14c\ub9c8\ub294 \uc704 \ud50c\ub7ec\uadf8\uc778\uc744 \uae30\ubc18\uc73c\ub85c \uc6b4\uc601\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubcc4\ub3c4\uc758 \uc0ac\uc774\ud2b8\uac1c\ubc1c\uc774\ub098 \ub514\uc790\uc778 \ubcc0\uacbd\uc2dc \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uac01 \ud50c\ub7ec\uadf8\uc778\uc740 \ud14c\ub9c8\uc5c5\ub370\uc774\ud2b8\uc640 \ud568\uaed8 \uc9c0\uc18d\uc801\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8 \ub429\ub2c8\ub2e4.<\/p>","protected":false},"excerpt":{"rendered":"\ucf00\uc774\ud14c\ub9c8\ub294 \ud648\ud398\uc774\uc9c0\uc758 \uae30\ub2a5\uad6c\ud604\uc744 \uc704\ud574 \ub2e4\uc591\ud55c \uc678\ubd80 API\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \uae30\ub2a5\ubaa9\ub85d\uc5d0\uc11c \uad00\ub828\ub0b4\uc6a9\uc744 \ud655\uc778\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. *\ud50c\ub7ec\uadf8\uc778\uc740 wp-content\/themes\/ ktheme_starter\/vendor \ud3f4\ub354\uc5d0 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. &nbsp; AOS AOS (Animate On Scroll)\ub294 \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. AOS\ub97c \uc0ac\uc6a9\ud558\uba74 \uc2a4\ud06c\ub864\uc744 \ud560 \ub54c \uc694\uc18c\uac00 \ubd80\ub4dc\ub7fd\uac8c \ub098\ud0c0\ub098\uac70\ub098 \uc0ac\ub77c\uc9c0\ub294 \ub4f1\uc758 \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 HTML, CSS \ubc0f JavaScript\ub85c \uc791\uc131\ub418\uc5b4 \uc788\uc73c\uba70, \uc0ac\uc6a9\ud558\uae30 [&hellip;]","protected":false},"author":1,"featured_media":6381,"parent":6125,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[151,150,117,152,89,97],"class_list":["post-6132","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_tag-animate","doc_tag-aos","doc_tag-bootstrap","doc_tag-fullpage","doc_tag-89","doc_tag-97"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/docs\/6132"}],"collection":[{"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/comments?post=6132"}],"version-history":[{"count":5,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/docs\/6132\/revisions"}],"predecessor-version":[{"id":7541,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/docs\/6132\/revisions\/7541"}],"up":[{"embeddable":true,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/docs\/6125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/media\/6381"}],"wp:attachment":[{"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/media?parent=6132"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/k-thememarket.co.kr\/manual\/wp-json\/wp\/v2\/doc_tag?post=6132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}