{"id":6287,"date":"2024-04-14T19:13:56","date_gmt":"2024-04-14T11:13:56","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6287"},"modified":"2024-04-14T19:13:56","modified_gmt":"2024-04-14T11:13:56","slug":"insert-lottie-motion-graphics","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/insert-lottie-motion-graphics\/","title":{"rendered":"\ub85c\ud2f0 \ubaa8\uc158\uadf8\ub798\ud53d \uc0bd\uc785"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p id=\"\">\uc6f9\uc0ac\uc774\ud2b8 \ub514\uc790\uc778\uc5d0 Lottie \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud65c\uc6a9\ud558\uc5ec \uc0c1\ud638 \uc791\uc6a9\uc744 \uac15\ud654\ud558\uace0 \uc0ac\uc6a9\uc790\uc758 \uad00\uc2ec\uc744 \uc0ac\ub85c\uc7a1\uc73c\uc138\uc694. \uadf8\ub7f0 \ub2e4\uc74c Lottie \uc694\uc18c \uad6c\uc131 \ubc0f \ucc38\uc5ec\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc0dd\uc744 \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n<p id=\"\">\uc774 \uae30\uc0ac\uc5d0\uc11c \ub2e4\uc74c \ub0b4\uc6a9\uc744 \uc54c\uc544\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol id=\"\">\n<li id=\"\">Lottie JSON \ubc0f dotLottie \uc560\ub2c8\uba54\uc774\uc158 \ud30c\uc77c\uc744 \uc5bb\ub294 \uacfc\uc815<\/li>\n<li id=\"\">\uc0ac\uc774\ud2b8\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ucd94\uac00\ud558\uae30<\/li>\n<li id=\"\">\uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815 \uc218\uc815<\/li>\n<li id=\"\">\uc0c1\ud638\uc791\uc6a9\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc81c\uc5b4\ud558\ub294 \ubc29\ubc95<\/li>\n<\/ol>\n<h2 id=\"\">Lottie JSON \ubc0f dotLottie \uc560\ub2c8\uba54\uc774\uc158 \ud30c\uc77c\uc744 \uc5bb\ub294 \ubc29\ubc95<\/h2>\n<p id=\"\">Lottie \uc560\ub2c8\uba54\uc774\uc158\uc744 Lottie JSON \ub610\ub294 dotLottie \ud30c\uc77c \ud615\uc2dd\uc73c\ub85c \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc5c5\ub85c\ub4dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p id=\"\">Lottie JSON \ud30c\uc77c\uc744 \uc5bb\ub294 \ubc29\ubc95\uc5d0\ub294 \ub450 \uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul id=\"\">\n<li id=\"\">After Effect \uc560\ub2c8\uba54\uc774\uc158\uc744 JSON \ud30c\uc77c\ub85c \ub0b4\ubcf4\ub0b4\uae30 <a href=\"https:\/\/aescripts.com\/bodymovin\/\" target=\"_blank\" id=\"\" rel=\"noopener\">\ubb34\ub8cc After Effects bodymovin \ud50c\ub7ec\uadf8\uc778<\/a><\/li>\n<li id=\"\">\ub2e4\uc74c\uc5d0\uc11c JSON \uc560\ub2c8\uba54\uc774\uc158 \ud30c\uc77c \uac80\uc0c9 <a href=\"https:\/\/lottiefiles.com\/designed-for-webflow\" target=\"_blank\" id=\"\" rel=\"noopener\">Lottiefiles.com<\/a> (\ub610\ub294 \ub2e4\ub978 \uc628\ub77c\uc778 \uc560\ub2c8\uba54\uc774\uc158 \ub77c\uc774\ube0c\ub7ec\ub9ac)<\/li>\n<\/ul>\n<p id=\"\">dotLottie \ud30c\uc77c\uc744 \uc5bb\ub294 \ubc29\ubc95\uc5d0\ub294 3\uac00\uc9c0 \ub300\uc548\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul id=\"\">\n<li id=\"\">\ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud558\uc5ec \uae30\uc874 Lottie JSON \ud30c\uc77c\uc744 dotLottie\ub85c \ubcc0\ud658\ud569\ub2c8\ub2e4. <a href=\"https:\/\/dotlottie.io\/resources\/json-to-dotLottie\/\" target=\"_blank\" id=\"\" rel=\"noopener\">JSON\uc744 dotLottie\ub85c \ubcc0\ud658 \ub3c4\uad6c<\/a><\/li>\n<li id=\"\">After Effects\uc5d0\uc11c dotLottie \ud30c\uc77c\uc744 \uc9c1\uc811 \ub0b4\ubcf4\ub0c5\ub2c8\ub2e4. <a href=\"https:\/\/lottiefiles.com\/plugins\/after-effects\" target=\"_blank\" id=\"\" rel=\"noopener\">LottieFiles \ud50c\ub7ec\uadf8\uc778<\/a><\/li>\n<li id=\"\">\uc0ac\uc804 \uad6c\ucd95\ub41c dotLottie \ud30c\uc77c\uc744 \ub2e4\uc74c\uc5d0\uc11c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc138\uc694. <a href=\"https:\/\/lottiefiles.com\/\" target=\"_blank\" id=\"\" rel=\"noopener\">LottieFiles.com<\/a>.<\/li>\n<\/ul>\n<h3 id=\"\">\ucd94\uac00 \ucc38\uace0\uc790\ub8cc<\/h3>\n<ul id=\"\">\n<li id=\"\"><a href=\"https:\/\/airbnb.io\/lottie\/#\/after-effects\" target=\"_blank\" id=\"\" rel=\"noopener\">After Effects\uc5d0\uc11c Lottie\uc6a9 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc81c\uc791\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc138\uc694.<\/a><\/li>\n<li id=\"\"><a href=\"https:\/\/airbnb.io\/lottie\/#\/supported-features\" target=\"_blank\" id=\"\" rel=\"noopener\">Lottie\uc5d0\uc11c \uc9c0\uc6d0\ud558\ub294 After Effects \uae30\ub2a5 \uc0b4\ud3b4\ubcf4\uae30<\/a><\/li>\n<li id=\"\"><a href=\"https:\/\/webflow.com\/blog\/after-effects-and-lottie-meet-webflow\" id=\"\">Webflow\uc758 After Effects \ubc0f Lottie\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc2ed\uc2dc\uc624.<\/a><\/li>\n<\/ul>\n<h2 id=\"\">\uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ud1b5\ud569\ud558\uae30<\/h2>\n<p id=\"\">Lottie JSON \ub610\ub294 dotLottie \uc560\ub2c8\uba54\uc774\uc158\uc744 \uae30\ud638, \uc378\ub124\uc77c, \ud398\uc774\uc9c0 \ubc30\uacbd, \ud398\uc774\uc9c0 \ub85c\ub354, \ub9de\ucda4\ud615 \uc560\ub2c8\uba54\uc774\uc158 \ucee4\uc11c \ub4f1\uc73c\ub85c \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p id=\"\">\uc790\uc0b0 \ud328\ub110\uc5d0 Lottie JSON \ubc0f dotLottie \ud30c\uc77c\uc744 \ucd94\uac00\ud558\ub824\uba74:<\/p>\n<ol id=\"\">\n<li id=\"\">\u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694.<strong id=\"\">\uc790\uc0b0<\/strong>\uc67c\ucabd \ub3c4\uad6c \ubaa8\uc74c \ub0b4\uc758 \u201d \uae30\ud638<\/li>\n<li id=\"\">&#039;\ub97c \ud0ed\ud558\uc138\uc694.<strong id=\"\">\uad6c\ub984<\/strong>\u201d \uc5c5\ub85c\ub4dc \uae30\ud638<\/li>\n<li id=\"\">\ucef4\ud4e8\ud130\uc5d0\uc11c \ud558\ub098 \uc774\uc0c1\uc758 \ud30c\uc77c\uc744 \uc120\ud0dd\ud558\uc138\uc694<\/li>\n<\/ol>\n<p id=\"\">\uadf8\ub7f0 \ub2e4\uc74c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc790\uc0b0 \ud328\ub110\uc5d0\uc11c \ubc14\ub85c \uce94\ubc84\uc2a4\ub85c \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d\ud558\uac70\ub098 <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158<\/strong> \uc694\uc18c. Lottie \uc560\ub2c8\uba54\uc774\uc158 \uad6c\uc131\uc694\uc18c\ub97c \uc0ac\uc6a9\ud558\ub824\uba74:<\/p>\n<ol id=\"\">\n<li id=\"\">\ub85c \uc774\ub3d9 <strong id=\"\">\ud328\ub110 \ucd94\uac00<\/strong> &gt; <strong id=\"\">\ubbf8\ub514\uc5b4 <\/strong>\ubd80\ubd84<\/li>\n<li id=\"\">\uc0ad\uc81c <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158<\/strong> Webflow \uce94\ubc84\uc2a4\uc5d0 \uad6c\uc131 \uc694\uc18c<\/li>\n<li id=\"\">\ub204\ub974\ub2e4 <strong id=\"\">Lotie \uc2dc\ud000\uc2a4 \uad50\uccb4<\/strong> Lottie \uc560\ub2c8\uba54\uc774\uc158 \uad6c\uc131 \uc694\uc18c \uc124\uc815\uc5d0\uc11c<\/li>\n<li id=\"\">\ub2e4\uc74c\uc5d0\uc11c Lottie JSON \ub610\ub294 dotLottie \ud30c\uc77c\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong id=\"\">\uc790\uc0b0 \ud328\ub110<\/strong><\/li>\n<\/ol>\n<h2 id=\"\">\uc560\ub2c8\uba54\uc774\uc158 \uad6c\uc131 \uc218\uc815<\/h2>\n<p id=\"\">Lottie \uc560\ub2c8\uba54\uc774\uc158 \uad6c\uc131 \uc694\uc18c \uc124\uc815\uc740 \uc0ac\uc774\ud2b8 \ud398\uc774\uc9c0\uc758 \uc560\ub2c8\uba54\uc774\uc158 \ub3d9\uc791\uc744 \uc81c\uc5b4\ud569\ub2c8\ub2e4. \uc124\uc815\uc744 \uc870\uc815\ud558\ub824\uba74 <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158 <\/strong>\uad6c\uc131 \uc694\uc18c \ubc0f \uba38\ub9ac <strong id=\"\">\uc694\uc18c \uc124\uc815 \ud328\ub110<\/strong> &gt;<strong id=\"\"> \ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815<\/strong>. \uadf8\ub7f0 \ub2e4\uc74c \ub2e4\uc74c\uc5d0 \ub300\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815\uc744 \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul id=\"\">\n<li id=\"\">\ub0b4\uc7a5 \uae30\uac04 \u2014 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc2e4\ud589\ub418\ub294 \uae30\uac04<\/li>\n<li id=\"\">Looping \u2014 \uc560\ub2c8\uba54\uc774\uc158\uc774 \ubb34\ud55c\ud788 \uc21c\ud658\ud558\ub294\uc9c0 \uc5ec\ubd80<\/li>\n<li id=\"\">\uc5ed\ubc29\ud5a5 \uc7ac\uc0dd \u2014 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc5ed\ubc29\ud5a5\uc73c\ub85c \uc7ac\uc0dd\ub418\ub294 \uacbd\uc6b0<\/li>\n<li id=\"\">\ub80c\ub354\ub9c1 \u2014 SVG \ub610\ub294 \uce94\ubc84\uc2a4<\/li>\n<\/ul>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94c2c42605b438ffae50a_641ca3b9648ee4b8e6a06170_tmplr-ugxzvnodah5ucisbcol6bsc-l8jb0gcl1h9srn0y5tvy3kc3chmjw3srilqklqvzaypctntjnipfpafndmqv3fxxric6sbpzwxwmjcphzxhpxcaqgywijq8vv4abfr0sza1zed8-izor83x5.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uce94\ubc84\uc2a4 \uba54\ub274\uc758 Lottie \uc560\ub2c8\uba54\uc774\uc158 \uc694\uc18c \uc124\uc815.\" title=\"64b94c2c42605b438ffae50a_641ca3b9648ee4b8e6a06170_tmplr-ugxzvnodah5ucisbcol6bsc-l8jb0gcl1h9srn0y5tvy3kc3chmjw3srilqklqvzaypctntjnipfpafndmqv3fxxric6sbpzw xwmjcphzxhpxcaqgywijq8vv4abfr0sza1zed8-izor83x5\"><\/div>\n<\/figure>\n<h6 id=\"\"><strong id=\"\">\uc8fc\uc694 \ud301:<\/strong> \uae30\ubcf8\uc801\uc73c\ub85c \ubaa8\ub4e0 \uc560\ub2c8\uba54\uc774\uc158\uc740 \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \uc2e4\ud589\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \ud398\uc774\uc9c0\ub97c \ubc29\ubb38\ud558\ub294 \uac1c\uc778\uc740 \uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc0dd\uc744 \ubc18\ubcf5\ud558\uac70\ub098 \uc870\uc808\ud558\ub3c4\ub85d \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc124\uc815\ud558\uc9c0 \uc54a\ub294 \ud55c \uc2a4\ud06c\ub864 \uc5c6\uc774 \ubcfc \uc218 \uc788\ub294 \ubd80\ubd84(\uc2a4\ud06c\ub864\uc774 \ud544\uc694\ud55c \ud398\uc774\uc9c0 \uc139\uc158) \uc544\ub798\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ubcfc \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h6>\n<h2 id=\"\">\uc0c1\ud638\uc791\uc6a9\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158 \uc870\uc808<\/h2>\n<p id=\"\">\uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 Lottie \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad00\ub9ac\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158 \uc2e4\ud589 \ubc29\ubc95\uacfc \uc2dc\uae30\ub97c \uc218\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\ud638 \uc791\uc6a9\uc744 \uc0ac\uc6a9\ud558\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc2dc\uc791\ud558\ub294 \ud2b8\ub9ac\uac70\ub97c \uc815\uc758\ud558\uace0, \uc7ac\uc0dd\ud560 \uc560\ub2c8\uba54\uc774\uc158\uc758 \ud2b9\uc815 \uc138\uadf8\uba3c\ud2b8\ub97c \uc120\ud0dd\ud558\uace0, \uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc0dd\uc744 \uc911\uc9c0\ud560 \uc704\uce58\ub97c \uacb0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p id=\"\">Lottie \uc560\ub2c8\uba54\uc774\uc158\uc5d0\uc11c\ub294 \ub450 \uac00\uc9c0 \uc0c1\ud638 \uc791\uc6a9\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol id=\"\">\n<li id=\"\">\uadf8\ub9cc\ud07c <strong id=\"\">\ub85c\ud2f0 \uc7ac\uc0dd<\/strong> \uc0dd\uae30<\/li>\n<li id=\"\">\uadf8\ub9cc\ud07c <strong id=\"\">\ub85c\ud2f0<\/strong> \ud589\ub3d9\u00a0<\/li>\n<\/ol>\n<p id=\"\">\uc774\ub7ec\ud55c \uc0c1\ud638\uc791\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4\ub294 \uc810\uc744 \uba85\uc2ec\ud558\uc138\uc694. <em id=\"\">\ud63c\uc790\uc11c<\/em> \ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc801\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<h6 id=\"\"><strong id=\"\">\uba54\ubaa8:<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc9c0\uc18d \uc2dc\uac04\/\uc18d\ub3c4\ub97c \uc218\uc815\ud574\uc57c \ud558\ub294 \uacbd\uc6b0 \ub2e4\uc74c\uc744 \ud1b5\ud574 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815<\/strong> \uc139\uc158 \ub0b4\uc758 <strong id=\"\">\uc694\uc18c \uc124\uc815 \ud328\ub110<\/strong>. \uc124\uc815\uc5d0 \uc720\uc758\ud558\uc138\uc694. <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815<\/strong> \uc139\uc158\uc740 \ub2e4\uc74c\uc5d0 \uc758\ud574 \uc7ac\uc815\uc758\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong id=\"\">\ub85c\ud2f0 \uc7ac\uc0dd<\/strong> \uc758 \uc124\uc815 <strong id=\"\">\uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong>.<\/h6>\n<h6 id=\"\"><strong id=\"\">\uc8fc\uc694 \ud301:<\/strong> \uae30\ubcf8\uc801\uc73c\ub85c \ubaa8\ub4e0 \uc560\ub2c8\uba54\uc774\uc158\uc740 \ud398\uc774\uc9c0 \ub85c\ub529 \uc2dc \uc7ac\uc0dd\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 \uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc0dd\uc744 \ubc18\ubcf5\ud558\uac70\ub098 \uc81c\uc5b4\ud558\ub3c4\ub85d \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\uc131\ud558\uc9c0 \uc54a\ub294 \ud55c \ubc29\ubb38\uc790\ub294 \uc811\ud78c \ubd80\ubd84(\uc2a4\ud06c\ub864\uc774 \ud544\uc694\ud55c \uc139\uc158) \uc544\ub798\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ubcfc \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/h6>\n<h3 id=\"\">\uadf8\ub9bc 1: \ud074\ub9ad \uc2dc \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791<\/h3>\n<p id=\"\">\uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 \uc0ac\uc6a9\uc790\uac00 \ud074\ub9ad\ud560 \ub54c \uc7ac\uc0dd\ud560 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol id=\"\">\n<li id=\"\">\ub2f9\uc2e0\uc758 <strong id=\"\">\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158<\/strong> \uce94\ubc84\uc2a4\uc758 \uad6c\uc131 \uc694\uc18c<\/li>\n<li id=\"\">\uc561\uc138\uc2a4 <strong id=\"\">\uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/strong><\/li>\n<li id=\"\">\uc744 \uce58\ub2e4 &quot;<strong id=\"\">...\uc744 \ub354\ud55c<\/strong>\u201d \uc544\uc774\ucf58 \uc606\uc5d0 <strong id=\"\">\uc694\uc18c \ud2b8\ub9ac\uac70<\/strong><\/li>\n<li id=\"\">&#039;\ub9c8\uc6b0\uc2a4 \ud074\ub9ad(\ud0ed)&#039;\uc744 \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li id=\"\">\uc606\uc5d0 \uc788\ub294 &quot;\uc791\uc5c5 \uc120\ud0dd&quot;\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong id=\"\">\ud589\ub3d9<\/strong> \uc5d0\uc11c <strong id=\"\">\uccab \ubc88\uc9f8 \ud074\ub9ad \uc2dc<\/strong> \ubd80\ubd84<\/li>\n<li id=\"\">\ub0b4\uc5d0\uc11c &quot;Lottie \uc7ac\uc0dd&quot;\uc744 \uc120\ud0dd\ud558\uc2ed\uc2dc\uc624. <strong id=\"\">\ud1b5\ud569<\/strong><\/li>\n<\/ol>\n<p id=\"\">\ub2f9\uc2e0\uc740 \ub610\ud55c \ub2e4\uc74c\uacfc \uac19\uc740 \uc635\uc158\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4 <strong id=\"\">\uc9c0\uc5f0<\/strong> \uc7ac\uc0dd, <strong id=\"\">\ub4a4\uc9d1\ub2e4<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc124\uc815\ud558\uac70\ub098 <strong id=\"\">\uace0\ub9ac<\/strong>.<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div id=\"\"><image src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94c2c42605b438ffae506_641ca3b92ed29e52ed41edc0_zlhmabq1t0c8thfbm5ngmrsx4r1sjkakgjux5utzlnli1xu101xm-jpzemgzsllcbyylcsuc_6zg7gnfsouzmhnp7ldjchyb0hxkcsvla3gm57wb_dfzzgujhwx2lfe9ir_j9ny7wkrtrfyhutdcy8.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"The \u201cMouse click (tap)\u201d trigger and \u201cOn 1st click\u201d section are visible in the Interactions panel.\" title=\"64b94c2c42605b438ffae506_641ca3b92ed29e52ed41edc0_zlhmabq1t0c8thfbm5ngmrsx4r1sjkakgjux5utzlnli1xu101xm-jpzemgzsllcbyylcsuc_6zg7gnfsouzmhnp7ldjchyb0hxkcsv la3gm57wb_dfzzgujhwx2lfe9ir_j9ny7wkrtrfyhutdcy8\"><\/div>\n<\/figure>\n<h3 id=\"\">\ub370\ubaa8 2: \ubcf4\uae30 \uc548\ud30e\uc73c\ub85c \uc2a4\ud06c\ub864\ud560 \ub54c \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791<\/h3>\n<p>\uc560\ub2c8\uba54\uc774\uc158\uc774 \ud654\uba74\uc758 \ubcfc \uc218 \uc788\ub294 \uc601\uc5ed\uc5d0 \ub4e4\uc5b4\uc624\uace0 \ub098\uac08 \ub54c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud2b8\ub9ac\uac70\ud558\ub294 \uc635\uc158\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol id=\"\">\n<li id=\"\">\ub2f9\uc2e0\uc744 \uc120\ud0dd\ud558\uc138\uc694 <b>\uc0dd\uae30 \uc788\ub294<\/b> \ub514\uc790\uc778 \uce94\ubc84\uc2a4\uc758 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158<\/li>\n<li id=\"\">\ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud558\uc138\uc694. <b>\uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/b><\/li>\n<li id=\"\">\u201c\ub97c \ud0ed\ud558\uc138\uc694.<b>...\uc744 \ub354\ud55c<\/b>&quot; \uae30\ud638 \uc606\uc5d0 <b>\uc694\uc18c \ud2b8\ub9ac\uac70<\/b><\/li>\n<li id=\"\">&#039;\uc2a4\ud06c\ub864\ud558\uc5ec \ubcf4\uae30&#039;\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li id=\"\">\uc606\uc5d0 \uc788\ub294 \uc791\uc5c5\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud589\ub3d9<\/strong> \uc5d0\uc11c <strong>\uc2a4\ud06c\ub864\ud574\uc11c \ubcfc \ub54c<\/strong> \ubc94\uc8fc<\/li>\n<li id=\"\">\uc544\ub798\uc5d0\uc11c &#039;\uc560\ub2c8\uba54\uc774\uc158&#039;\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud1b5\ud569<\/strong><\/li>\n<li id=\"\">\uc606\uc5d0 \uc788\ub294 \uc791\uc5c5\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud589\ub3d9<\/strong> \ub0b4 <strong>\uc2a4\ud06c\ub864\ud558\uc5ec \ubcf4\uae30 \ubc16\uc73c\ub85c \ub098\uac14\uc744 \ub54c<\/strong> \ubd80\ubd84<\/li>\n<li id=\"\">&#039;\uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc0dd&#039;\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud1b5\ud569<\/strong><\/li>\n<li id=\"\">\ud65c\uc131\ud654 <strong>\ub4a4\uc9d1\ub2e4<\/strong> \uc635\uc158<\/li>\n<\/ol>\n<p>\ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0ac\uc6a9\uc790 \uc815\uc758\ud558\uc138\uc694. <strong>\uc624\ud504\uc14b<\/strong> \ub610\ub294 <strong>\uc9c0\uc5f0<\/strong>.<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co \/wp-content\/uploads\/2024\/04\/64b94c2c42605b438ffae50e_641ca3b929ae6b742406625d_aciphha_c0ztqtprhxkvo9q3emewyx1dfnktwbnxy1enp7o9pfwhijzazp_q7is6nnao_xeu2vud3yakpwkir3lg1rqh4ztfvlpjmmcsmgfugdn3sdbu4kirgmzklfs8zzornu9r0p-ut3erw6nquv.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"&quot;\uc2a4\ud06c\ub864\ud558\uc5ec \ubcf4\uae30&quot; \ud2b8\ub9ac\uac70, &quot;\uc2a4\ud06c\ub864\ud558\uc5ec \ubcf4\uae30&quot; \uc139\uc158 \ubc0f &quot;\uc2a4\ud06c\ub864\ud558\uc5ec \ubcf4\uae30 \ubc16\uc73c\ub85c&quot; \uc139\uc158\uc774 \uc0c1\ud638 \uc791\uc6a9 \ud328\ub110\uc5d0 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b94c2c42605b438ffae50e_641ca3b929ae6b742406625d_aciphha_c0ztqtprhxkvo9q3emewyx1dfnktwbnxy1enp7o9pfwhijzazp_q7is6nnao_xeu2vud3yakpwkir3lg1rqh4ztfv lpjmmcsmgfugdn3sdbu4kirgmzklfs8zzornu9r0p-ut3erw6nquv\"><\/div>\n<\/figure>\n<h3 id=\"\">\uc608 3: \ud398\uc774\uc9c0 \ub85c\ub4dc \uc911 \uc560\ub2c8\uba54\uc774\uc158 \uc138\uadf8\uba3c\ud2b8 \uc2dc\uc791<\/h3>\n<p>\ud65c\uc6a9 <b>\uc0dd\uae30 \uc788\ub294<\/b> \uc560\ub2c8\uba54\uc774\uc158 \ub3d9\uc791\uc744 \uc815\ubc00\ud558\uac8c \uc81c\uc5b4\ud558\uae30 \uc704\ud55c \ub3d9\uc791 \uc0c1\ud638\uc791\uc6a9. \uc2dc\uc791 \ubc0f \uc885\ub8cc \ud504\ub808\uc784\uc744 \uc870\uc815\ud558\uace0, \uc5ec\uc720 \uae30\ub2a5\uc744 \uad6c\ud604\ud558\uace0, \ud2b9\uc815 \uae30\uac04\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc560\ub2c8\uba54\uc774\uc158\uc758 \uc2dc\uc791 \ub610\ub294 \ub05d \ud504\ub808\uc784\uc744 \uc870\uc815\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc218\ud589\ud558\uc2ed\uc2dc\uc624.<\/p>\n<ol id=\"\">\n<li id=\"\">\ub2f9\uc2e0\uc758 \uc704\uce58\ub97c \ucc3e\uc544\ubcf4\uc138\uc694 <b>\uc0dd\uae30 \uc788\ub294<\/b> \ub514\uc790\uc778 \uce94\ubc84\uc2a4\uc758 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158<\/li>\n<li id=\"\">\uc5f4\uae30 <b>\uc0c1\ud638 \uc791\uc6a9 \ud328\ub110<\/b><\/li>\n<li id=\"\">\u201c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<b>...\uc744 \ub354\ud55c<\/b>\uc606\uc5d0 \uc788\ub294 \u201d \uc544\uc774\ucf58 <b>\ud398\uc774\uc9c0 \ud2b8\ub9ac\uac70<\/b><\/li>\n<li id=\"\">&#039;\ud398\uc774\uc9c0 \ub85c\ub4dc&#039;\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li id=\"\">\ub2e4\uc74c\uc5d0 \uc778\uc811\ud55c \uc791\uc5c5\uc744 \uc120\ud0dd\ud558\uc138\uc694. <b>\ud589\ub3d9<\/b> \uc5d0\uc11c <b>\ud398\uc774\uc9c0 \ub85c\ub529\uc774 \uc2dc\uc791\ub420 \ub54c<\/b> \ubd80\ubd84<\/li>\n<li id=\"\">\uc544\ub798\uc5d0\uc11c &quot;\uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791&quot;\uc744 \uc120\ud0dd\ud558\uc2ed\uc2dc\uc624. <b>\ub9de\ucda4 \uc560\ub2c8\uba54\uc774\uc158<\/b><\/li>\n<li id=\"\">&#039;\ub97c \ud0ed\ud558\uc138\uc694.<b>...\uc744 \ub354\ud55c<\/b>&quot; \uae30\ud638 \uc606\uc5d0 <b>\uc2dc\uac04 \uc81c\ud55c \uc560\ub2c8\uba54\uc774\uc158<\/b><\/li>\n<li id=\"\">\uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc81c\ubaa9\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4(\uc608: &quot;\ub85c\ub4dc \uc2dc \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791&quot;)<\/li>\n<li id=\"\">\u201c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<b>...\uc744 \ub354\ud55c<\/b>&quot; \uc606\uc5d0 <b>\ud589\uc704<\/b><\/li>\n<li id=\"\">\uc544\ub798\uc5d0\uc11c &#039;\uc560\ub2c8\uba54\uc774\uc158&#039;\uc744 \uc120\ud0dd\ud558\uc138\uc694. <b>\ud1b5\ud569<\/b><\/li>\n<li id=\"\">\uc544\ub798\uc758 \uc560\ub2c8\uba54\uc774\uc158 \ud504\ub808\uc784\uc744 \uc870\uc815\ud569\ub2c8\ub2e4. <b>\uc0dd\uae30<\/b> \uc6d0\ud558\ub294 \uc2dc\uc791 \ud504\ub808\uc784\uc5d0 \ub300\ud55c \uc139\uc158<\/li>\n<li id=\"\">\uc544\ub798\uc5d0\uc11c &quot;\ucd08\uae30 \uc0c1\ud0dc\ub85c \uc124\uc815&quot; \uc635\uc158\uc744 \ud45c\uc2dc\ud569\ub2c8\ub2e4. <b>\ud0c0\uc774\ubc0d<\/b><\/li>\n<li id=\"\">&#039;\ub97c \ud0ed\ud558\uc138\uc694.<b>...\uc744 \ub354\ud55c<\/b>&quot; \uc606\uc5d0 <b>\ud589\uc704<\/b><\/li>\n<li id=\"\">\uc544\ub798\uc5d0\uc11c &#039;\uc560\ub2c8\uba54\uc774\uc158&#039;\uc744 \uc120\ud0dd\ud558\uc138\uc694. <b>\ud1b5\ud569<\/b><\/li>\n<li id=\"\">\uc560\ub2c8\uba54\uc774\uc158 \ud504\ub808\uc784\uc744 \uc815\uc758\ud569\ub2c8\ub2e4. <b>\uc0dd\uae30<\/b> \ud2b9\uc815 \ud504\ub808\uc784\uc5d0\uc11c \uc815\uc9c0\ud558\ub294 \uc139\uc158(\uc608: \ub05d \ud504\ub808\uc784\uae4c\uc9c0 \uc7ac\uc0dd\ud558\ub824\uba74 100%\ub85c \uc124\uc815)<\/li>\n<li id=\"\">\ub204\ub974\ub2e4 <b>\uad6c\ud558\ub2e4<\/b><\/li>\n<\/ol>\n<p>\ud544\uc694\uc5d0 \ub530\ub77c \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc9c0\uc18d \uc2dc\uac04, \uc9c0\uc5f0 \ub610\ub294 \uc644\ud654 \ud6a8\uacfc\ub97c \uc870\uc815\ud569\ub2c8\ub2e4.<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94c2c42605b438ffae512_641ca3ba6da5e423e7a33ef8_mcctmh0c0-zrrtuwgbjuunnsj4_p9_pnuvlatzgxgxqjifgkscn7oznjvc14gbfuwraggkd5oqgwgkhomgjhgnjvimqsjacqmywzongtowh0nelucop_ffcio5n40co5okrkc5wzmffwmo8xmxagag.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"Lottie \uc560\ub2c8\uba54\uc774\uc158 \uc791\uc5c5\uc758 \ucd08\uae30 \ubc0f \ucd5c\uc885 \uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ud0c0\uc784\ub77c\uc778\uc785\ub2c8\ub2e4.\" title=\"64b94c2c42605b438ffae512_641ca3ba6da5e423e7a33ef8_mcctmh0c0-zrrtuwgbjuunnsj4_p9_pnuvlatzgxgxqjifgkscn7oznjvc14gbfuwraggkd5oqgwgkhomgjhgnjvimqsjacqmywzong towh0nelucop_ffcio5n40co5okrkc5wzmffwmo8xmxagag\"><\/div><figcaption id=\"\">Lottie \uc560\ub2c8\uba54\uc774\uc158 \uc791\uc5c5\uc758 \ucd08\uae30 \ubc0f \ucd5c\uc885 \uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ud0c0\uc784\ub77c\uc778\uc785\ub2c8\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc740 5%\uc5d0\uc11c \uc2dc\uc791\ud558\uc5ec \uc804\uccb4 \ud504\ub808\uc784\uc758 100%\uc5d0\uc11c \ub05d\ub0a9\ub2c8\ub2e4. \uc989, \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc804\uccb4 \ud504\ub808\uc784\uc5d0\uc11c 5%\ub97c \uc7ac\uc0dd\ud558\uae30 \uc2dc\uc791\ud558\uace0 \ub9c8\uc9c0\ub9c9 \ud504\ub808\uc784\uc5d0\uc11c \ub05d\ub0a9\ub2c8\ub2e4.<\/figcaption><\/figure>\n<h6 id=\"\"><strong>\ube60\ub978 \ud301:<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc758 \uae30\ubcf8 \uc9c0\uc18d \uc2dc\uac04\uc744 \uc0ac\uc6a9\ud558\ub824\uba74 <b>\uc0dd\uae30 \uc788\ub294<\/b> \ub514\uc790\uc778 \uce94\ubc84\uc2a4\uc758 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc5d0\uc11c \ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. <b>\uc694\uc18c \uc124\uc815<\/b> &gt; <b>\ub85c\ud2f0 \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815<\/b> &quot;\ub0b4\uc7a5 \uae30\uac04 \uc0ac\uc6a9&quot; \uc635\uc158\uc744 \ud65c\uc131\ud654\ud558\uc138\uc694.<br \/><\/h6>\n<\/div>","protected":false},"excerpt":{"rendered":"\uc0ac\uc774\ud2b8\uc5d0 Lottie \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud558\uace0 \uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 \uc7ac\uc0dd\uc744 \uc81c\uc5b4\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":6288,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[301],"tags":[],"class_list":{"0":"post-6287","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-interactions-animations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=6287"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6287\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/6288"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}