{"id":15696,"date":"2026-04-25T07:57:59","date_gmt":"2026-04-24T22:57:59","guid":{"rendered":"https:\/\/jore2.com\/community-6214-css-as-a-query-language\/"},"modified":"2026-04-25T07:57:59","modified_gmt":"2026-04-24T22:57:59","slug":"community-6214-css-as-a-query-language","status":"publish","type":"post","link":"https:\/\/jore2.com\/?p=15696","title":{"rendered":"\uc2a4\ud0c0\uc77c\ub9c1\uc744 \ub118\uc5b4 \ub370\uc774\ud130\uc758 \uc5b8\uc5b4\ub85c: CSS \uac00 \ucffc\ub9ac \uc5b8\uc5b4\uac00 \ub418\ub294 \uc21c\uac04"},"content":{"rendered":"<div class=\"jore2-editor-byline\">\n<p><strong>\ubc30\uc18c\ub77c<\/strong><\/p>\n<\/div>\n<p>\uc624\ub7ab\ub3d9\uc548 CSS \ub294 \uc6f9 \ud398\uc774\uc9c0\uc758 \uc637\uc744 \uc785\ud788\ub294 \ub3c4\uad6c, \uc989 \uc2dc\uac01\uc801 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud558\ub294 \uc5b8\uc5b4\ub85c\ub9cc \uc778\uc2dd\ub418\uc5b4 \uc654\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ucd5c\uadfc \uac1c\ubc1c\uc790 \ucee4\ubba4\ub2c8\ud2f0\uc640 \uae30\uc220 \ube14\ub85c\uadf8\ub97c \uc911\uc2ec\uc73c\ub85c CSS \uac00 \ub2e8\uc21c\ud55c \uc2a4\ud0c0\uc77c\ub9c1\uc744 \ub118\uc5b4 \ucffc\ub9ac \uc5b8\uc5b4, \ub098\uc544\uac00 \ubc94\uc6a9 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc758 \uc7a0\uc7ac\ub825\uc744 \uc9c0\ub2cc \ub3c4\uad6c\ub85c \uc7ac\uc870\uba85\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ubcc0\ud654\uc758 \ud575\uc2ec\uc740 CSS \uc120\ud0dd\uc790\uac00 \uac00\uc9c4 \uac15\ub825\ud55c \ud328\ud134 \ub9e4\uce6d \ub2a5\ub825\uc744 \ub2e4\ub978 \uc601\uc5ed\uc73c\ub85c \ud655\uc7a5\ud558\ub824\ub294 \uc2dc\ub3c4\uc5d0\uc11c \ube44\ub86f\ub429\ub2c8\ub2e4.<\/p>\n<p>\uae30\uc874\uc5d0 XML \ubb38\uc11c\ub098 \ubcf5\uc7a1\ud55c \ub370\uc774\ud130 \uad6c\uc870\ub97c \ub2e4\ub8f0 \ub54c XPath \uac00 \ud45c\uc900\ucc98\ub7fc \uc0ac\uc6a9\ub418\uc5c8\uc9c0\ub9cc, \ucd5c\uadfc PHP 8.4 \uc758 \uc0c8\ub85c\uc6b4 DOM API \ub3c4\uc785\uacfc \uac19\uc740 \uae30\uc220\uc801 \ubcc0\ud654\uac00 CSS \uc120\ud0dd\uc790\ub97c \ub124\uc774\ud2f0\ube0c\ub85c \uc9c0\uc6d0\ud558\ub294 \ud658\uacbd\uc744 \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub85c\uc368 \uac1c\ubc1c\uc790\ub4e4\uc740 XPath \ubcf4\ub2e4 \uc9c1\uad00\uc801\uc774\uace0 \uc791\uc131\ud558\uae30 \uc26c\uc6b4 CSS \uc120\ud0dd\uc790\ub85c HTML \uc744 \ud30c\uc2f1\ud560 \uc218 \uc788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 `:has()` \uc120\ud0dd\uc790\ucc98\ub7fc \uc790\uc2dd \uc694\uc18c\ub97c \uae30\uc900\uc73c\ub85c \ubd80\ubaa8 \uc694\uc18c\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc740 CSS \uc758 \uc5ed\ub7c9\uc744 \ud55c\uce35 \ub354 \ud655\uc7a5\uc2dc\ucf30\uc73c\uba70, \uc774\ub294 \ub2e8\uc21c\ud55c \uc2a4\ud0c0\uc77c \uc801\uc6a9\uc744 \ub118\uc5b4 \ub17c\ub9ac\uc801 \uc870\uac74\uc744 \ud310\ub2e8\ud558\ub294 \ucffc\ub9ac \ub85c\uc9c1\uc73c\ub85c \ud65c\uc6a9\ub420 \uc218 \uc788\uc74c\uc744 \uc2dc\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc2e4\uc81c\ub85c \ud30c\uc774\uc36c \uad6c\ubb38 \ubd84\uc11d \ub3c4\uad6c\uc778 pyastgrep \uac19\uc740 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 CSS \uc120\ud0dd\uc790\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucf54\ub4dc \ud2b8\ub9ac\ub97c \ud0d0\uc0c9\ud558\uace0 \ud2b9\uc815 \ud568\uc218 \ud638\ucd9c \ud328\ud134\uc744 \ucc3e\uc544\ub0b4\ub294 \uc2e4\ud5d8\uc774 \uc774\ub8e8\uc5b4\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 CSS \uac00 \uc6f9 \ubb38\uc11c\uc758 \uacc4\uce35 \uad6c\uc870\ubfd0\ub9cc \uc544\ub2c8\ub77c \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc758 \ucd94\uc0c1 \uad6c\ubb38 \ud2b8\ub9ac\uc5d0\uc11c\ub3c4 \uc720\ud6a8\ud55c \ucffc\ub9ac \uc5b8\uc5b4\ub85c \uc791\ub3d9\ud560 \uc218 \uc788\uc74c\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \ub9c8\uce58 SQL \uc774 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc758 \ud589\uacfc \uc5f4\uc744 \uc870\ud68c\ud558\ub4ef, CSS \uc120\ud0dd\uc790\ub294 \ucf54\ub4dc\ub098 \ubb38\uc11c \ub0b4\uc758 \ud2b9\uc815 \uc694\uc18c\ub97c \uc815\uad50\ud558\uac8c \ud544\ud130\ub9c1\ud558\uace0 \uc870\ud569\ud560 \uc218 \uc788\ub294 \ub2a5\ub825\uc744 \uc9c0\ub2c8\uac8c \ub41c \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>\ubb3c\ub860 CSS \ub97c \ucffc\ub9ac \uc5b8\uc5b4\ub85c \ud655\uc7a5\ud558\ub294 \ub370\uc5d0\ub294 \uc131\ub2a5 \uc774\uc288\ub098 \ubcf5\uc7a1\uc131 \uc99d\uac00\uc5d0 \ub300\ud55c \uc6b0\ub824\ub3c4 \uc874\uc7ac\ud569\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800 \ub80c\ub354\ub9c1 \ucee8\ud14d\uc2a4\ud2b8\uc5d0\uc11c \ud14d\uc2a4\ud2b8 \ub0b4\uc6a9\uc744 \uae30\uc900\uc73c\ub85c \uc120\ud0dd\ud558\ub294 \uae30\ub2a5\uc774 \ub3c4\uc785\ub418\uc9c0 \ubabb\ud55c \uc774\uc720\ub3c4 \uc131\ub2a5 \ucd5c\uc801\ud654\uc640 \uad00\ub828\uc774 \uae4a\uc2b5\ub2c8\ub2e4. \uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0, HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub77c\ub294 \uc138 \uac00\uc9c0 \uc5b8\uc5b4\ub97c \uac01\uac01 \ubd84\ub9ac\ud574 \uad00\ub9ac\ud558\ub294 \ud604\uc7ac\uc758 \uc6f9 \uad6c\uc870\ub97c \ud558\ub098\uc758 \ud1b5\ud569\ub41c \uc5b8\uc5b4\ub85c \ub300\uccb4\ud558\ub824\ub294 \uc2dc\ub3c4\ub098, \uae30\uc874 \uc5b8\uc5b4\ub4e4\uc758 \uacbd\uacc4\ub97c \ud5c8\ubb34\ub294 \uc2e4\ud5d8\ub4e4\uc774 \uacc4\uc18d\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \uac1c\ubc1c\uc790\ub4e4\uc774 \ub354 \uc9c1\uad00\uc801\uc774\uace0 \uc720\uc5f0\ud55c \ubc29\uc2dd\uc73c\ub85c \ub370\uc774\ud130\ub97c \ub2e4\ub8e8\uace0\uc790 \ud558\ub294 \uc695\ub9dd\uc774 \ubc18\uc601\ub41c \uacb0\uacfc\uc774\uba70, CSS \uac00 \ub2e8\uc21c\ud55c \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \ub118\uc5b4 \ub370\uc774\ud130\uc640 \ub17c\ub9ac\ub97c \uc870\uc728\ud558\ub294 \uc0c8\ub85c\uc6b4 \uc5b8\uc5b4\ub85c \uc9c4\ud654\ud574 \ub098\uac08\uc9c0 \uc8fc\ubaa9\ud574 \ubcfc \ub9cc\ud55c \uc2dc\uc810\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ube0c\ub77c\uc6b0\uc800\uc758 \ud504\ub808\uc784\uc744 \ubc97\uc5b4\ub098 \ucf54\ub4dc \ubd84\uc11d\uacfc \ub370\uc774\ud130 \uc870\ud68c\uc758 \ub3c4\uad6c\ub85c \uc9c4\ud654\ud558\ub294 CSS \uc758 \uc0c8\ub85c\uc6b4 \uac00\ub2a5\uc131. \uc6f9 \ub514\uc790\uc778\uc758 \uacbd\uacc4\ub97c \ud5c8\ubb34\ub294 \uc774 \ud750\ub984\uc774 \uac1c\ubc1c\uc790\ub4e4\uc758 \uad00\uc2ec\uc744 \ub044\ub294 \uc774\uc720\ub97c \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n","protected":false},"author":11,"featured_media":15695,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[406],"tags":[2327,10772,10770,10769,10771],"class_list":["post-15696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-406","tag-css","tag-domapi","tag-10770","tag-10769","tag-10771"],"featured_image_urls":{"full":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language.png",1200,630,false],"thumbnail":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-150x150.png",150,150,true],"medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-300x158.png",300,158,true],"medium_large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-768x403.png",640,336,true],"large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-1024x538.png",640,336,true],"1536x1536":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language.png",1200,630,false],"2048x2048":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language.png",1200,630,false],"morenews-large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-825x575.png",825,575,true],"morenews-medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6214-css-as-a-query-language-590x410.png",590,410,true]},"author_info":{"info":["\ubc30\uc18c\ub77c"]},"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\/15696","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15696"}],"version-history":[{"count":0,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/15696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/media\/15695"}],"wp:attachment":[{"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}