{"id":7244,"date":"2024-02-08T18:44:25","date_gmt":"2024-02-08T09:44:25","guid":{"rendered":"https:\/\/mntkim.com\/?p=7244"},"modified":"2024-02-15T15:43:37","modified_gmt":"2024-02-15T06:43:37","slug":"jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1","status":"publish","type":"post","link":"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/","title":{"rendered":"jQuery \uc560\ub2c8\uba54\uc774\uc158 \uae30\ub2a5 \ud65c\uc6a9: .animate(), .slideDown(), .fadeOut() \uba54\uc11c\ub4dc \ub4f1"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#adnimate_%EB%A9%94%EC%84%9C%EB%93%9C\" >.adnimate() \uba54\uc11c\ub4dc<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1\" >\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C\" >\uc0d8\ud50c \ucf54\ub4dc:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%ED%95%B4%EB%8B%B9_%EC%BD%94%EB%93%9C%EC%9D%98_%EB%8F%99%EC%9E%91_GIF\" >\ud574\ub2f9 \ucf54\ub4dc\uc758 \ub3d9\uc791 GIF:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#easing_%ED%95%A8%EC%88%98\" >easing \ud568\uc218<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#swing\" >swing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#linear\" >linear<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#swing_%EA%B3%BC_linear_%EC%B0%A8%EC%9D%B4\" >swing \uacfc linear \ucc28\uc774:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EA%B7%B8_%EC%99%B8_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EB%A9%94%EC%84%9C%EB%93%9C\" >\uadf8 \uc678 \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#slideDown\" >.slideDown()<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1-2\" >\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C-2\" >\uc0d8\ud50c \ucf54\ub4dc:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#fadeOut\" >.fadeOut()<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1-3\" >\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C-3\" >\uc0d8\ud50c \ucf54\ub4dc:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/mntkim.com\/en\/jquery-%ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98-%ea%b8%b0%eb%8a%a5-%ed%99%9c%ec%9a%a9-animate-slidedown-fadeout-%eb%a9%94%ec%84%9c%eb%93%9c-%eb%93%b1\/#%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EB%A9%94%EC%84%9C%EB%93%9C_%EB%AA%A9%EB%A1%9D\" >\uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc \ubaa9\ub85d:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p class=\"wp-block-paragraph\">\uc774\ubc88 \ud3ec\uc2a4\ud305 \uc800\ubc88 <a href=\"https:\/\/mntkim.com\/en\/jquery-css-%eb%a9%94%ec%84%9c%eb%93%9c-%ec%9d%b4%ec%9a%a9-%ec%9b%b9-%ed%8e%98%ec%9d%b4%ec%a7%80-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a7%81-%ea%b8%b0%eb%b3%b8-%ea%b0%80%ec%9d%b4%eb%93%9c\/\" target=\"_blank\" rel=\"noreferrer noopener\">jQuery .css() \uba54\uc11c\ub4dc \uc774\uc6a9 \uc6f9 \ud398\uc774\uc9c0 \uc2a4\ud0c0\uc77c\ub9c1 \uae30\ubcf8 \uac00\uc774\ub4dc<\/a> \uc5d0 \uc774\uc5b4 jQuery \uba54\uc11c\ub4dc \uc18c\uac1c \uc2dc\uac04\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc \ub4e4\uc5d0 \ub300\ud574 \uc124\uba85\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">jQuery \ub294 CSS \uc18d\uc131\uc744 \ubcc0\ud654 \uc2dc\ud0ac \ub54c \uc5ec\ub7ec \ud6a8\uacfc\ub97c \uc904 \uc218 \uc788\ub294 \ub2e4\uc591\ud55c \uba54\uc11c\ub4dc\ub4e4\uc744 \uc81c\uacf5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \uc11c\uc11c\ud788 \uc0ac\ub77c\uc9c0\ub294 \ud6a8\uacfc, \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c \ud655\ub300\ub418\ub294 \ud6a8\uacfc \ub4f1\uc744 \uc27d\uac8c \uad6c\ud604\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"adnimate_%EB%A9%94%EC%84%9C%EB%93%9C\"><\/span>.adnimate() \uba54\uc11c\ub4dc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uac00\uc7a5 \uac15\ub825\ud558\uace0 \uc720\uc5f0\ud55c \uba54\uc11c\ub4dc\ub85c \uc774\uc804 <a href=\"https:\/\/mntkim.com\/en\/jquery-%ec%9d%b4%eb%b2%a4%ed%8a%b8-%eb%b0%94%ec%9d%b8%eb%94%a9-%ec%99%84%eb%b2%bd-%ea%b0%80%ec%9d%b4%eb%93%9c-on-click-change-hover-%ed%99%9c%ec%9a%a9%ed%95%98%ea%b8%b0\/\" target=\"_blank\" rel=\"noreferrer noopener\">\uc774\ubca4\ud2b8 \uba54\uc11c\ub4dc<\/a> \uc5d0\uc11c \ub2e4\ub8ec \ub300\ubd80\ubd84\uc758 \uc774\ubca4\ud2b8 \ubc14\uc778\ub529\uc774 \uac00\ub2a5\ud55c <strong>.on()<\/strong> \uacfc \uac19\uc774 \uc5ec\ub7ec \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud558\uae30 \uc704\ud55c \uba54\uc11c\ub4dc\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uae30\ubcf8\uc801\uc778 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1\"><\/span>\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"$(CSS \uc120\ud0dd\uc790).animate(properties, duration, easing, complete);\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">CSS<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">\uc120\ud0dd\uc790<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">animate<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">properties<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">duration<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">easing<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">complete<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">jQuery<\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>properties:<\/strong> \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud560 <span style=\"text-decoration: underline;\"><a href=\"https:\/\/mntkim.com\/en\/%ec%9b%b9-%eb%94%94%ec%9e%90%ec%9d%b8%ec%9d%98-%ea%b8%b0%eb%b3%b8-css-%ed%8c%8c%ed%97%a4%ec%b9%98%ea%b8%b0\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS \uc18d\uc131<\/a><\/span>\uacfc \ucd5c\uc885 \uac12\uc758 \uac1d\uccb4\ub2e4. {opacity: 0.5, width: &#8220;50%&#8221;} \uc640 \uac19\uc774 \uc5ec\ub7ec \uc18d\uc131\uc744 \ub3d9\uc2dc\uc5d0 \ubcc0\uacbd\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/li>\n\n\n\n<li><strong>duration: <\/strong>\uc560\ub2c8\uba54\uc774\uc158\uc774 \uc644\ub8cc\ub418\ub294 \ub370 \uac78\ub9ac\ub294 \uc2dc\uac04\uc774\uba70, \ubc00\ub9ac\ucd08 \ub2e8\uc704\ub85c \uc9c0\uc815\ud558\uac70\ub098 &#8220;slow&#8221;, &#8220;fast&#8221;\uc640 \uac19\uc740 \ubb38\uc790\uc5f4\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/li>\n\n\n\n<li><strong>easing: <\/strong>\uc560\ub2c8\uba54\uc774\uc158\uc758 \uc18d\ub3c4 \uace1\uc120\uc744 \uc9c0\uc815\ud55c\ub2e4. jQuery\ub294 \uae30\ubcf8\uc801\uc73c\ub85c &#8220;swing&#8221;\uacfc &#8220;linear&#8221; \ub450 \uac00\uc9c0 easing \ud568\uc218\ub97c \uc81c\uacf5\ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>complete: <\/strong>\uc560\ub2c8\uba54\uc774\uc158\uc774 \uc644\ub8cc\ub41c \ud6c4 \uc2e4\ud589\ud560 \ucf5c\ubc31 \ud568\uc218\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4, \uc5b4\ub5a4 \uc694\uc18c\uc758 \ub108\ube44\ub97c 100\ud53d\uc140\ub85c \uc11c\uc11c\ud788 \ubcc0\uacbd\ud558\uace0 \uc2f6\ub2e4\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \uc791\uc131\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C\"><\/span>\uc0d8\ud50c \ucf54\ub4dc:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"$(CSS \uc120\ud0dd\uc790).animate({  width: &quot;100px&quot;}, 2000, &quot;swing&quot;, function() {  \/\/ \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub05d\ub09c \ud6c4 \uc5ec\uae30\uc5d0 \ucf54\ub4dc\ub97c \uc791\uc131  alert(&quot;\uc560\ub2c8\uba54\uc774\uc158 \uc644\ub8cc!&quot;);});\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">CSS<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">\uc120\ud0dd\uc790<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">animate<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">100px<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">2000<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">swing<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub05d\ub09c \ud6c4 \uc5ec\uae30\uc5d0 \ucf54\ub4dc\ub97c \uc791\uc131<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\uc560\ub2c8\uba54\uc774\uc158 \uc644\ub8cc!<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">jQuery<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%ED%95%B4%EB%8B%B9_%EC%BD%94%EB%93%9C%EC%9D%98_%EB%8F%99%EC%9E%91_GIF\"><\/span>\ud574\ub2f9 \ucf54\ub4dc\uc758 \ub3d9\uc791 GIF:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.kakaocdn.net\/dn\/cJ4EIl\/btsEEAVENoR\/6y6987wNbnPIey77DiJMN1\/img.gif\"><img decoding=\"async\" src=\"https:\/\/blog.kakaocdn.net\/dn\/cJ4EIl\/btsEEAVENoR\/6y6987wNbnPIey77DiJMN1\/img.gif\" alt=\"\ud574\ub2f9 \ucf54\ub4dc\uc758 \ub3d9\uc791 GIF\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"easing_%ED%95%A8%EC%88%98\"><\/span>easing \ud568\uc218<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">jQuery \uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc911\uac04 \uc0c1\ud0dc\ub4e4\uc744 \uacb0\uc815\ud558\ub294 \ud568\uc218\ub85c <span style=\"text-decoration: underline;\"><strong>swing<\/strong><\/span> \uacfc <span style=\"text-decoration: underline;\"><strong>linear<\/strong><\/span> \ub450 \uac00\uc9c0\uc758 \uae30\ubcf8\uc801\uc778 \ud568\uc218\uac00 \uc81c\uacf5 \ub41c\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"swing\"><\/span>swing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">jQuery\uc758 \uae30\ubcf8 easing \ud568\uc218\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc2dc\uc791\uacfc \ub05d\uc5d0\uc11c\ub294 \uc18d\ub3c4\uac00 \ub290\ub9ac\uace0, \uc911\uac04\uc5d0\ub294 \ube68\ub77c\uc9c0\ub294 \ud6a8\uacfc\ub97c \uc900\ub2e4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub294 \ub300\ubd80\ubd84\uc758 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \uc6c0\uc9c1\uc784\uc774 \uac00\uc18d\ub3c4\uc640 \uac10\uc18d\ub3c4\ub97c \ub3d9\ubc18\ud558\uae30 \ub54c\ubb38\uc5d0, \uac00\uc7a5 \uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub2e4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;swing&#8221;\uc740 \uc560\ub2c8\uba54\uc774\uc158\uc774 \ubd80\ub4dc\ub7fd\uac8c \uc2dc\uc791\ud558\uc5ec \uc810\uc810 \ube68\ub77c\uc9c0\ub2e4\uac00 \ub2e4\uc2dc \ubd80\ub4dc\ub7fd\uac8c \ub05d\ub098\ub294 \uace1\uc120\uc744 \uadf8\ub9b0\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"linear\"><\/span>linear<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc560\ub2c8\uba54\uc774\uc158\uc758 \uc2dc\uc791\ubd80\ud130 \ub05d\uae4c\uc9c0 \uc77c\uc815\ud55c \uc18d\ub3c4\ub85c \uc9c4\ud589\ub41c\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc758 \uc18d\ub3c4\uac00 \ubcc0\ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0, \uc6c0\uc9c1\uc784\uc774 \uade0\uc77c\ud558\uac8c \ub290\uaef4\uc9c4\ub2e4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;linear&#8221;\ub294 \uc8fc\ub85c \uade0\uc77c\ud55c \uc18d\ub3c4\ub85c \uc6c0\uc9c1\uc774\ub294 \uac1d\uccb4\ub97c \ud45c\ud604\ud560 \ub54c \uc0ac\uc6a9\ub41c\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc9c1\uc120 \uacbd\ub85c\ub97c \ub530\ub77c \ub3d9\uc77c\ud55c \uc18d\ub3c4\ub85c \uc774\ub3d9\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \uc801\ud569\ud558\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"swing_%EA%B3%BC_linear_%EC%B0%A8%EC%9D%B4\"><\/span>swing \uacfc linear \ucc28\uc774:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.kakaocdn.net\/dn\/bna68D\/btsEFNUnzHR\/11X4Hx4Mw7MRCxh0k5Rpa1\/img.gif\"><img decoding=\"async\" src=\"https:\/\/blog.kakaocdn.net\/dn\/bna68D\/btsEFNUnzHR\/11X4Hx4Mw7MRCxh0k5Rpa1\/img.gif\" alt=\"swing \uacfc linear \ucc28\uc774\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EA%B7%B8_%EC%99%B8_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EB%A9%94%EC%84%9C%EB%93%9C\"><\/span>\uadf8 \uc678 \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">.adnimate() \uba54\uc11c\ub4dc\ub294 CSS \ub97c \ub2e4\ub8f0 \uc904 \uc54c\uba74 \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc9c0\ub9cc, \ud2b9\uc815 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub294 \ud2b9\ud654 \ub418\uc5b4 \uba54\uc11c\ub4dc\ud654 \ub418\uc5b4 \uc788\ub2e4. \uadf8 \uc911 \uba87 \uac00\uc9c0\ub97c \uc18c\uac1c\ud55c\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"slideDown\"><\/span>.slideDown()<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">.slideDown() \uba54\uc11c\ub4dc\ub294 \uc694\uc18c\ub97c \uc704, \uc544\ub798\ub85c \ucc9c\ucc9c\ud788 \ud3bc\uce60 \ub54c \uc0ac\uc6a9\ub418\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc774\ub2e4. \uc0ac\uc6a9 \uc2dc \uc694\uc18c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c display \uc18d\uc131\uc774 none; \uc778 \uc0c1\ud0dc\uc5ec\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1-2\"><\/span>\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"$(CSS \uc120\ud0dd).slideDown(duration, easing, complete);\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">CSS<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">\uc120\ud0dd<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">slideDown<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">duration<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">easing<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">complete<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">jQuery<\/span><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C-2\"><\/span>\uc0d8\ud50c \ucf54\ub4dc:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;  &lt;title&gt;\ubb38\uc11c \uc81c\ubaa9&lt;\/title&gt;&lt;\/head&gt;&lt;body&gt;&lt;div id=&quot;redBox&quot; class=&quot;boxs&quot;style=&quot;display: none; width: 100px; height: 200px; background-color: red;&quot;&gt;&lt;\/div&gt;&lt;br\/&gt;&lt;script src=&quot;jquery-3.7.1.min.js&quot;&gt;&lt;\/script&gt;&lt;script&gt;$(&quot;#redBox&quot;).slideDown(2000, &quot;linear&quot;, function() {  \/\/\uc560\ub2c8\uba54\uc774\uc158 \ud6c4 \uc2e4\ud589\ub420 \ucf54\ub4dc});&lt;\/script&gt;&lt;\/body&gt;&lt;\/html&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;!DOCTYPE<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;html&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;title&gt;<\/span><span style=\"color: #D8DEE9FF\">\ubb38\uc11c \uc81c\ubaa9<\/span><span style=\"color: #81A1C1\">&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">id<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">redBox<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">boxs<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">display: none; width: 100px; height: 200px; background-color: red;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;br\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">src<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">jquery-3.7.1.min.js<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">#redBox<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">slideDown<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #B48EAD\">2000<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">linear<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/\uc560\ub2c8\uba54\uc774\uc158 \ud6c4 \uc2e4\ud589\ub420 \ucf54\ub4dc<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/html&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">HTML<\/span><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.kakaocdn.net\/dn\/ZK1Y6\/btsEEWEjkUy\/vSgBikpR4U0PgZm3RidUC0\/img.gif\"><img decoding=\"async\" src=\"https:\/\/blog.kakaocdn.net\/dn\/ZK1Y6\/btsEEWEjkUy\/vSgBikpR4U0PgZm3RidUC0\/img.gif\" alt=\".slideDown()\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"fadeOut\"><\/span>.fadeOut()<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc694\uc18c\uc758 \ud22c\uba85\ub3c4\ub97c \uc810\ucc28 \uac10\uc18c\uc2dc\ucf1c \uc11c\uc11c\ud788 \uc0ac\ub77c\uc9c0\uac8c \ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud560 \ub54c \uc0ac\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EA%B8%B0%EB%B3%B8_%EC%BD%94%EB%93%9C_%EA%B5%AC%EC%84%B1-3\"><\/span>\uae30\ubcf8 \ucf54\ub4dc \uad6c\uc131:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"$(CSS \uc120\ud0dd\uc790).fadeOut(duration, easing, complete);\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">CSS<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">\uc120\ud0dd\uc790<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">fadeOut<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">duration<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">easing<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">complete<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">jQuery<\/span><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%83%98%ED%94%8C_%EC%BD%94%EB%93%9C-3\"><\/span>\uc0d8\ud50c \ucf54\ub4dc:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewbox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;  &lt;title&gt;\ubb38\uc11c \uc81c\ubaa9&lt;\/title&gt;&lt;\/head&gt;&lt;body&gt;&lt;div id=&quot;redBox&quot; class=&quot;boxs&quot;style=&quot;width: 100px; height: 100px; background-color: red;&quot;&gt;&lt;\/div&gt;&lt;script src=&quot;jquery-3.7.1.min.js&quot;&gt;&lt;\/script&gt;&lt;script&gt;$(&quot;#redBox&quot;).fadeOut(2000, &quot;linear&quot;, function() {  \/\/\uc560\ub2c8\uba54\uc774\uc158 \ud6c4 \uc2e4\ud589\ub420 \ucf54\ub4dc});&lt;\/script&gt;&lt;\/body&gt;&lt;\/html&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;!DOCTYPE<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;html&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;title&gt;<\/span><span style=\"color: #D8DEE9FF\">\ubb38\uc11c \uc81c\ubaa9<\/span><span style=\"color: #81A1C1\">&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">id<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">redBox<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">boxs<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width: 100px; height: 100px; background-color: red;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">src<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">jquery-3.7.1.min.js<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">$<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">#redBox<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">fadeOut<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #B48EAD\">2000<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">linear<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/\uc560\ub2c8\uba54\uc774\uc158 \ud6c4 \uc2e4\ud589\ub420 \ucf54\ub4dc<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/html&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#2e3440ff;color:#c8d0e0;font-size:12px;line-height:1;position:relative\">HTML<\/span><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.kakaocdn.net\/dn\/CEFNO\/btsEGis23Ki\/MGLiqwYiuvcpna2frXiqlk\/img.gif\"><img decoding=\"async\" src=\"https:\/\/blog.kakaocdn.net\/dn\/CEFNO\/btsEGis23Ki\/MGLiqwYiuvcpna2frXiqlk\/img.gif\" alt=\".fadeOut()\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uc678\uc5d0\ub3c4 \ub2e4\uc591\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc\uac00 \uc874\uc7ac \ud55c\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EB%A9%94%EC%84%9C%EB%93%9C_%EB%AA%A9%EB%A1%9D\"><\/span>\uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc \ubaa9\ub85d:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.animate(): <\/strong>\uac00\uc7a5 \uac15\ub825\ud558\uba70 \uc720\uc5f0\ud55c \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc\ub85c, \uc0ac\uc6a9\uc790 \uc815\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc0dd\uc131\ud55c\ub2e4. CSS \uc18d\uc131\uc744 \ub300\uc0c1\uc73c\ub85c \ud558\uc5ec \uac12\uc758 \ubcc0\ud654\ub97c \uc2dc\uac04\uc5d0 \ub530\ub77c \uc801\uc6a9\ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>.fadeIn() \/ .fadeOut():<\/strong> \uc694\uc18c\uc758 \ud22c\uba85\ub3c4\ub97c \uc870\uc808\ud558\uba70 \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\uac70\ub098 \uc0ac\ub77c\uc9c0\uac8c \ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>.fadeTo(): <\/strong>\uc694\uc18c\uc758 \ud22c\uba85\ub3c4\ub97c \uc9c0\uc815\ud55c \uac12\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158\ud558\uba70, \ucd5c\uc885 \ud22c\uba85\ub3c4\ub97c \uc81c\uc5b4\ud560 \uc218 \uc788\ub2e4.<\/li>\n\n\n\n<li><strong>.fadeToggle():<\/strong> fadeIn()\uacfc fadeOut()\uc758 \ud1a0\uae00 \uae30\ub2a5\uc73c\ub85c, \uc694\uc18c\uc758 \ud22c\uba85\ub3c4 \uc0c1\ud0dc\uc5d0 \ub530\ub77c \ub098\ud0c0\ub098\uac70\ub098 \uc0ac\ub77c\uc9c0\uac8c \ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>.slideDown() \/ .slideUp():<\/strong> \uc694\uc18c\ub97c \uc218\uc9c1 \ubc29\ud5a5\uc73c\ub85c \uc11c\uc11c\ud788 \ud3bc\uce58\uac70\ub098 \uc811\ub294\ub2e4.<\/li>\n\n\n\n<li><strong>.slideToggle():<\/strong> slideDown()\uacfc slideUp()\uc758 \ud1a0\uae00 \uae30\ub2a5\uc73c\ub85c, \uc694\uc18c\uc758 \ud45c\uc2dc \uc0c1\ud0dc\uc5d0 \ub530\ub77c \uc218\uc9c1 \ubc29\ud5a5\uc73c\ub85c \ud3bc\uce58\uac70\ub098 \uc811\ub294\ub2e4.<\/li>\n\n\n\n<li><strong>.delay():<\/strong> \uc5f0\uc18d\ub41c \uc560\ub2c8\uba54\uc774\uc158 \uc0ac\uc774\uc5d0 \ub300\uae30 \uc2dc\uac04\uc744 \ucd94\uac00\ud55c\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7ec\ud55c \uac04\ub2e8\ud55c \ubb38\ubc95 \uba54\uc11c\ub4dc \ub4e4\uc744 \ud65c\uc6a9\ud558\uc5ec \uc6f9 \ud398\uc774\uc9c0\uc5d0 \ubcf5\uc7a1\ud55c \ud6a8\uacfc\ub97c \uc9c0\ub2cc \ub3d9\uc801\uc778 \uc694\uc18c\ub97c \ucd94\uac00\ud560 \uc218 \uc788\ub2e4.<\/p>","protected":false},"excerpt":{"rendered":"<p>\uc774\ubc88 \ud3ec\uc2a4\ud305 \uc800\ubc88 jQuery .css() \uba54\uc11c\ub4dc \uc774\uc6a9 \uc6f9 \ud398\uc774\uc9c0 \uc2a4\ud0c0\uc77c\ub9c1 \uae30\ubcf8 \uac00\uc774\ub4dc \uc5d0 \uc774\uc5b4 jQuery \uba54\uc11c\ub4dc \uc18c\uac1c \uc2dc\uac04\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158 \uba54\uc11c\ub4dc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"fifu_image_url":"https:\/\/blog.kakaocdn.net\/dn\/cJ4EIl\/btsEEAVENoR\/6y6987wNbnPIey77DiJMN1\/img.gif","fifu_image_alt":"","footnotes":""},"categories":[66,349],"tags":[759,761,760,67,731,131,347,348],"class_list":["post-7244","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-jquery","tag-animate","tag-fadeout","tag-slidedown","tag-css","tag-dom","tag-javascript","tag-jquery","tag-348"],"_links":{"self":[{"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/posts\/7244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/comments?post=7244"}],"version-history":[{"count":44,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/posts\/7244\/revisions"}],"predecessor-version":[{"id":9299,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/posts\/7244\/revisions\/9299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/media\/7286"}],"wp:attachment":[{"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/media?parent=7244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/categories?post=7244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mntkim.com\/en\/wp-json\/wp\/v2\/tags?post=7244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}