{"id":49307,"date":"2026-11-06T04:06:48","date_gmt":"2026-11-05T19:06:48","guid":{"rendered":"https:\/\/jore2.com\/?p=49307"},"modified":"2026-11-06T04:06:48","modified_gmt":"2026-11-05T19:06:48","slug":"community-23095-lemmings-css-animation","status":"publish","type":"post","link":"https:\/\/jore2.com\/?p=49307","title":{"rendered":"\ub9c8\ud06c \ube14\ub77c\ud558\uac00 \uacf5\uac1c\ud55c CSS \uae30\ubc18 \ub808\ubc0d\uc988 \uc2dc\ubbac\ub808\uc774\ud130, \uc6f9 \uc694\uc18c \ubb3c\ub9ac \uc5f0\uc0b0 \uad6c\ud604"},"content":{"rendered":"<div class=\"jore2-editor-byline\">\n<p><strong>\uc815\ud558\ubbfc<\/strong><\/p>\n<\/div>\n<p>\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790 \ub9c8\ud06c \ube14\ub77c\ud558\uac00 \uc790\uc2e0\uc758 \uc6f9\uc0ac\uc774\ud2b8\ub97c \ud1b5\ud574 &#8216;Walker Playground&#8217;\ub77c\ub294 \uc774\ub984\uc758 CSS \uc560\ub2c8\uba54\uc774\uc158 \uc2e4\ud5d8 \ud504\ub85c\uc81d\ud2b8\ub97c \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ud504\ub85c\uc81d\ud2b8\ub294 \uace0\uc804 \uac8c\uc784 &#8216;\ub808\ubc0d\uc988&#8217;\uc758 \uce90\ub9ad\ud130\ub4e4\uc774 \ud654\uba74 \ub0b4 \ub2e4\uc591\ud55c \uc694\uc18c \uc704\ub97c \uac77\uace0 \ub5a8\uc5b4\uc9c0\ub294 \ubaa8\uc2b5\uc744 \ubaa8\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc0ac\uc6a9\uc790\ub294 \ud398\uc774\uc9c0 \uc0c1\ub2e8\uc758 \ubc84\ud2bc\uc774\ub098 \ucf58\uc194 \uba85\ub839\uc5b4\ub97c \ud1b5\ud574 \uc791\uc740 \ubcf4\ud589\uc790 \uce90\ub9ad\ud130\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0dd\uc131\ub41c \uce90\ub9ad\ud130\ub294 \ub4dc\ub798\uadf8\ub85c \ub4e4\uc5b4 \uc62c\ub9b4 \uc218 \uc788\uace0, \ud295\uae30\ub4ef \ub358\uc9c0\uba74 \uad00\uc131\uc5d0 \ub530\ub77c \uc6c0\uc9c1\uc785\ub2c8\ub2e4. \uac00\uc7a5 \uc8fc\ubaa9\ud560 \ub9cc\ud55c \uc810\uc740 \uc6f9 \ud398\uc774\uc9c0\uc758 \uad6c\uc870\uc801 \uc694\uc18c\ub4e4\uc774 \ubb3c\ub9ac\uc801 \uc7a5\uc560\ubb3c\uc774\ub098 \ubc14\ub2e5\uc73c\ub85c \uae30\ub2a5\ud55c\ub2e4\ub294 \uc0ac\uc2e4\uc785\ub2c8\ub2e4.<\/p>\n<p>\ud14c\ub450\ub9ac, \ubc84\ud2bc, \uc785\ub825 \ud544\ub4dc, \uc774\ubbf8\uc9c0 \ubc15\uc2a4 \ub4f1\uc740 \ub2e8\ub2e8\ud55c \ubcbd\ucc98\ub7fc \uc791\uc6a9\ud558\uc5ec \uce90\ub9ad\ud130\uac00 \ud1b5\uacfc\ud558\uc9c0 \ubabb\ud558\uac8c \ub9c9\uc2b5\ub2c8\ub2e4. \ubc18\uba74 \ud14d\uc2a4\ud2b8 \uc601\uc5ed\uc740 \ub3c5\ud2b9\ud55c \ud2b9\uc131\uc744 \ubcf4\uc785\ub2c8\ub2e4. \uac01 \ud589\uc774 \uac1c\ubcc4\uc801\uc778 \ubc14\ub2e5\uc73c\ub85c \uc778\uc2dd\ub418\uc5b4 \uce90\ub9ad\ud130\uac00 \uadf8 \uc704\uc5d0 \ucc29\uc9c0\ud558\uac70\ub098 \uac78\uc5b4\uc11c \uc9c0\ub098\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud558\uc9c0\ub9cc \ud14d\uc2a4\ud2b8 \uc790\uccb4\ub294 \ud22c\uba85\ud55c \uac83\ucc98\ub7fc \ucc98\ub9ac\ub418\uc5b4 \uce90\ub9ad\ud130\uac00 \uae00\uc790\ub97c \ub6ab\uace0 \ub0b4\ub824\uac00\ub294 \ud604\uc0c1\uc740 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ucc3d \ud06c\uae30\ub97c \uc870\uc808\ud558\uba74 \uc774\ub7ec\ud55c \ubb3c\ub9ac \ud658\uacbd\uc774 \uc2e4\uc2dc\uac04\uc73c\ub85c \ubcc0\ud569\ub2c8\ub2e4. \uce74\ub4dc\ud615 \ub808\uc774\uc544\uc6c3\uc774 \uc881\uc544\uc9c4 \ud654\uba74 \ud3ed\uc5d0 \ub9de\ucdb0 \uc0c8\ub85c\uc6b4 \uc904\ub85c \uc7ac\ubc30\uce58\ub420 \ub54c, \uadf8 \uc704\uc5d0 \uc11c \uc788\ub358 \uce90\ub9ad\ud130\ub4e4\uc740 \ubc00\ub824\ub098\uac70\ub098 \uacf5\uc911\uc73c\ub85c \ud280\uc5b4 \uc624\ub985\ub2c8\ub2e4. \uc774\ub294 CSS\uc758 \uc720\ub3d9\uc801 \ub808\uc774\uc544\uc6c3 \uc18d\uc131\uc774 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uae30\ubc18 \ubb3c\ub9ac \uc5d4\uc9c4\uacfc \uacb0\ud569\ub418\uc5b4 \ub9cc\ub4e4\uc5b4\ub0b4\ub294 \uacb0\uacfc\uc785\ub2c8\ub2e4.<\/p>\n<p>\ube0c\ub77c\uc6b0\uc800\ubcc4 \uc131\ub2a5 \ucc28\uc774\ub3c4 \ud655\uc778\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud06c\ub86c\uc5d0\uc11c\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc774 \ubd80\ub4dc\ub7fd\uac8c \uc7ac\uc0dd\ub418\ub294 \ub300\uc2e0 \uc2a4\ud06c\ub864\ub9c1\uc774 \ub2e4\uc18c \ubc84\uac70\uc6cc\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\ud30c\ub9ac\ub294 CPU \uc0ac\uc6a9\ub7c9\uc774 \ub354 \ub192\uc9c0\ub9cc \uc2a4\ud06c\ub864\ub9c1\uc740 \ub9e4\ub044\ub7fd\uac8c \uc720\uc9c0\ub429\ub2c8\ub2e4.<\/p>\n<p>\uce90\ub9ad\ud130 \uc218\uac00 10\uba85\uc5d0\uc11c 200\uba85\uc73c\ub85c \uc99d\uac00\ud560\uc218\ub85d \ud504\ub808\uc784 \ub4dc\ub78d\uc774 \ubc1c\uc0dd\ud558\ub294 \uacbd\ud5a5\uc774 \ub450 \ube0c\ub77c\uc6b0\uc800 \ubaa8\ub450\uc5d0\uc11c \uad00\ucc30\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uae30\uc220 \ucee4\ubba4\ub2c8\ud2f0\uc5d0\uc11c\ub294 \uc774 \uad6c\ud604 \ubc29\uc2dd\uc5d0 \ub300\ud55c \ub180\ub77c\uc6c0\uacfc \ud568\uaed8 nostalgic\ud55c \ubc18\uc751\uc744 \ubcf4\uc774\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\ubd80 \uc0ac\uc6a9\uc790\ub4e4\uc740 \uacfc\uac70 \ub808\ubc0d\uc988 \uac8c\uc784\uc744 \ud50c\ub808\uc774\ud588\ub358 \uae30\uc5b5\uacfc \uc5f0\uacb0\uc9c0\uc5b4 \uac10\uc815\uc801 \ubab0\uc785\uac10\uc744 \ud1a0\ub85c\ud558\uae30\ub3c4 \ud588\uc2b5\ub2c8\ub2e4. \ub610\ud55c CSS\uac00 \ub2e8\uc21c\ud55c \uc2a4\ud0c0\uc77c\ub9c1 \uc5b8\uc5b4\ub97c \ub118\uc5b4 Turing complete\uc5d0 \uac00\uae4c\uc6b4 \ubcf5\uc7a1\uc131\uc744 \uac00\uc9c8 \uc218 \uc788\ub2e4\ub294 \uc810\uc5d0 \ub300\ud574 \uc6b0\ub824\uc640 \ud765\ubbf8\ub97c \ub3d9\uc2dc\uc5d0 \ud45c\ud558\ub294 \uc758\uacac\ub3c4 \uc81c\uc2dc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac \ud574\ub2f9 \uc2e4\ud5d8\uc2e4\uc740 markblah.github.io\/lemmings \uc8fc\uc18c\uc5d0\uc11c \uc811\uadfc \uac00\ub2a5\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\ub294 \ud2b9\uc815 \ubc84\uc804\uc758 \ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800 \ud658\uacbd\uc744 \uc694\uad6c\ud558\uba70, \ub300\ub7c9\uc758 \uce90\ub9ad\ud130 \ub3d9\uc2dc \ucc98\ub9ac \uc2dc \uc131\ub2a5 \uc800\ud558\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \ud55c\uacc4\ub97c \uba85\uc2dc\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uac1c\ubc1c\uc790 \ub9c8\ud06c \ube14\ub77c\ud558\uac00 HTML\uacfc CSS\ub9cc\uc73c\ub85c \ub808\ubc0d\uc988 \uac8c\uc784\uc758 \uc774\ub3d9 \uc6d0\ub9ac\ub97c \uc7ac\ud604\ud55c \uc778\ud130\ub799\ud2f0\ube0c \uc2e4\ud5d8\uc2e4\uc744 \uacf5\uac1c\ud588\ub2e4. \ud14d\uc2a4\ud2b8 \uc904\uc744 \ubc14\ub2e5\uc73c\ub85c \uc778\uc2dd\ud558\uace0 \ucc3d \ud06c\uae30 \ubcc0\uacbd\uc5d0 \ubc18\uc751\ud558\ub294 \ub4f1 \ubcf5\uc7a1\ud55c \ubb3c\ub9ac \uc5f0\uc0b0\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc9c1\uc811 \uc218\ud589\ud55c\ub2e4.<\/p>\n","protected":false},"author":5,"featured_media":49306,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jore2_quality_policy":"people-first-v2","footnotes":""},"categories":[406],"tags":[2327,32629,32628,32631,32630],"class_list":["post-49307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-406","tag-css","tag-32629","tag-32628","tag-32631","tag-32630"],"featured_image_urls":{"full":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr.png",2400,1260,false],"thumbnail":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-150x150.png",150,150,true],"medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-300x158.png",300,158,true],"medium_large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-768x403.png",640,336,true],"large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-1024x538.png",640,336,true],"1536x1536":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-1536x806.png",1536,806,true],"2048x2048":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-2048x1075.png",2048,1075,true],"morenews-large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-825x575.png",825,575,true],"morenews-medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/11\/rvwdds5cr-590x410.png",590,410,true]},"author_info":{"info":["\uc815\ud558\ubbfc"]},"category_info":"<a href=\"https:\/\/jore2.com\/?cat=406\" rel=\"category\">\uc694\uc998\ub728\ub294\uc18c\uc2dd<\/a>","tag_info":"\uc694\uc998\ub728\ub294\uc18c\uc2dd","comment_count":"0","_links":{"self":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/49307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49307"}],"version-history":[{"count":0,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/49307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/media\/49306"}],"wp:attachment":[{"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=49307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=49307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}