{"id":1598,"date":"2018-04-08T17:04:12","date_gmt":"2018-04-08T08:04:12","guid":{"rendered":"http:\/\/akal.co.kr\/?p=1598"},"modified":"2018-04-08T17:06:46","modified_gmt":"2018-04-08T08:06:46","slug":"jquery-wordpress-%ec%9d%b4%eb%af%b8%ec%a7%80-%eb%b9%84%ea%b5%90-%ec%9d%b4%ec%a0%84%ec%9d%b4%ed%9b%84-before-after-%ec%8a%ac%eb%9d%bc%ec%9d%b4%eb%8d%94-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-twe","status":"publish","type":"post","link":"https:\/\/akal.co.kr\/?p=1598","title":{"rendered":"[jQuery, WordPress] \uc774\ubbf8\uc9c0 \ube44\uad50 (\uc774\uc804,\uc774\ud6c4 \/ before, after) \uc2ac\ub77c\uc774\ub354 \ud50c\ub7ec\uadf8\uc778 Twentytwenty"},"content":{"rendered":"

\ub450<\/span>\uac1c\uc758 \uc774\ubbf8\uc9c0\ub97c \ub9c8\uce58 \ud55c\uac1c\uc758 \uc774\ubbf8\uc9c0\ucc98\ub7fc \ud3b8\ud558\uac8c \ubcf4\uc5ec\uc8fc\uba74\uc11c \uc774\uc804 \uc774\ud6c4\ub97c \ube44\uad50 \ud560 \uc218 \uc788\ub294 \uc2ac\ub77c\uc774\ub354 \ud504\ub85c\uadf8\ub7a8\uc774\ub098 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\ub2e4\uba74 \uc815\ub9d0 \ud3b8\ud558\uaca0\uc8e0 ? \uc2e4\uc81c\ub85c jQuery\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\uace0 \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c\ub3c4 \ub611\uac19\uc740 \uc774\ub984\uc73c\ub85c \ub611\uac19\uc740 \uae30\ub2a5\uc744 \ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\uc2b5\ub2c8\ub2e4. Twentytwenty\ub77c\ub294 \ud50c\ub7ec\uadf8\uc778\uc774 \uadf8 \ud504\ub85c\uadf8\ub7a8\uc778\ub370\uc694 jQuery\uc5d0\uc11c\ub294 \uc544\uc8fc \uac04\ub2e8\ud558\uac8c \uad6c\ud604\ud560\uc218 \uc788\uace0, \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c\ub294 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c \ub0b4\ub824\ubc1b\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4. \uc1fc\ucf54\ub4dc\ub97c \ud55c\uc904 \uc801\uc5b4\uc8fc\ub294 \uac83\ub9cc\uc73c\ub85c \uc27d\uac8c \uc774\ubbf8\uc9c0\ub098 \uc0ac\uc9c4\uc758 \uc774\uc804-\uc774\ud6c4\ub97c \uad6c\ud604 \ud574\uc904\uc218 \uc788\uc8e0.<\/p>\n

<\/div>\n

\uc544\uc8fc \uc27d\uac8c \uc2ac\ub77c\uc774\ub354\ub97c \uc6c0\uc9c1\uc5ec\uc11c before, after\ub97c \ube44\uad50\ud560 \uc218 \uc788\uc8e0 ?<\/p>\n

jQuery<\/div>\n

\ud648\ud398\uc774\uc9c0 : https:\/\/github.com\/zurb\/twentytwenty<\/a><\/p>\n

\uc0ac\uc6a9\ubc95\ub3c4 \uc544\uc8fc \uac04\ub2e8\ud574\uc11c \uc5ec\uae30\uc11c \uc5b8\uae09\uc870\ucc28 \ud560\ud544\uc694\uac00 \uc5c6\uc5b4\uc694. javscript\uc640 CSS\ub97c include \ud560\ub54c \uc21c\uc11c\uac00 \ub4a4\uc11e\uc774\uc9c0 \uc54a\ub3c4\ub85d \ud648\ud398\uc774\uc9c0\uc5d0 \ub098\uc640\uc788\ub294 \uc21c\uc11c\ub97c \uc9c0\ucf1c\uc8fc\uc2dc\uba74 \ub098\uba38\uc9c0\ub294 \uc5b4\ub824\uc6c0 \uc5c6\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n

WordPress<\/div>\n

“\ud50c\ub7ec\uadf8\uc778 -> \ud50c\ub7ec\uadf8\uc778 \ucd94\uac00\ud558\uae30” \uc5d0\uc11c \uac80\uc0c9\uc5b4\ub85c twentytwenty\ub97c \uac80\uc0c9\ud558\uba74 3\uac00\uc9c0 \ud50c\ub7ec\uadf8\uc778\uc774 \ub72c\ub2e4. 3\uac00\uc9c0 \uc911\uc5d0 \ubb50\ub4e0 \uc124\uce58\ud574\uc11c \uc0ac\uc6a9\ud558\uba74 \ub418\ub294\ub370 \uc774\uacf3\uc5d0\uc11c\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uae30\ub2a5\uc744 \uac00\uc9c0\uace0 \uc788\ub294 \uc624\ub798\ub41c twentytwenty\ub97c \uc0ac\uc6a9\ud588\ub2e4.<\/p>\n

[peg-image src=”https:\/\/lh3.googleusercontent.com\/-V0Ld1wUxpOM\/WsnIBrTTRXI\/AAAAAAAAF-I\/dvFKR83v4PM5rL0tjYEjkLxbPAnMb037QCCoYBhgL\/s144-o\/twentytwenty.png” href=”https:\/\/picasaweb.google.com\/115330693669285320800\/6541979863180246081#6541979864861459826″ caption=”” type=”image” alt=”twentytwenty.png” image_size=”1738×496″ ] <\/p>\n

\uc704\uc5d0\uc11c \ubcf4\uc5ec\uc900 \uc774\ubbf8\uc9c0 \uc608\uc81c\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uc27d\uac8c \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n

<\/div><\/pre>\n
\ub3d9\uc77c\ud55c \ud06c\uae30\uc758 \uc774\ubbf8\uc9c0\ub97c twentytwenty\ub77c\ub294 \uc20f\ucf54\ub4dc\ub85c \ubb36\uc5b4\uc8fc\uba74 \ubc14\ub85c \uc774\ubbf8\uc9c0\uc758 before-and-after \uac00 \uc791\ub3d9\ud569\ub2c8\ub2e4. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
\ub450\uac1c\uc758 \uc774\ubbf8\uc9c0\ub97c \ub9c8\uce58 \ud55c\uac1c\uc758 \uc774\ubbf8\uc9c0\ucc98\ub7fc \ud3b8\ud558\uac8c \ubcf4\uc5ec\uc8fc\uba74\uc11c \uc774\uc804 \uc774\ud6c4\ub97c \ube44\uad50 \ud560 \uc218 \uc788\ub294 \uc2ac\ub77c\uc774\ub354 \ud504\ub85c\uadf8\ub7a8\uc774\ub098 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\ub2e4\uba74 \uc815\ub9d0 \ud3b8\ud558\uaca0\uc8e0 ? \uc2e4\uc81c\ub85c jQuery\ub85c \ub9cc\ub4e4\uc5b4\uc9c4 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\uace0 \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c\ub3c4 \ub611\uac19\uc740 \uc774\ub984\uc73c\ub85c \ub611\uac19\uc740 \uae30\ub2a5\uc744 \ud558\ub294 \ud50c\ub7ec\uadf8\uc778\uc774 \uc788\uc2b5\ub2c8\ub2e4. Twentytwenty\ub77c\ub294...<\/p>\n","protected":false},"author":1,"featured_media":1600,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[11,12],"tags":[1241,1243,1244,437,1240,1242],"_links":{"self":[{"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1598"}],"collection":[{"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akal.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1598"}],"version-history":[{"count":0,"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/1598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/akal.co.kr\/index.php?rest_route=\/wp\/v2\/media\/1600"}],"wp:attachment":[{"href":"https:\/\/akal.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/akal.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/akal.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}