{"id":25203,"date":"2023-07-22T10:53:20","date_gmt":"2023-07-22T01:53:20","guid":{"rendered":"http:\/\/nori.company\/?p=25203"},"modified":"2023-07-22T10:53:20","modified_gmt":"2023-07-22T01:53:20","slug":"2023%eb%85%84%ec%9d%98-css-%ec%9e%91%ec%84%b1%ed%95%98%ea%b8%b0-%eb%aa%87-%eb%85%84-%ec%a0%84%ea%b3%bc-%eb%8b%ac%eb%9d%bc%ec%a1%8c%ec%9d%84%ea%b9%8c%ec%9a%94","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=25203","title":{"rendered":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?"},"content":{"rendered":"<ul>\n<li>CSS\uac00 \uc815\ub9d0 \ube60\ub974\uac8c \ubcc0\ud654\ud558\ub294 \uc911<\/li>\n<li>Container Query<\/li>\n<li>Layer \uc5d0\uc11c \uc2a4\ud0c0\uc77c \uadf8\ub8f9\ud551<\/li>\n<li>:is() \uc640 :where()<\/li>\n<li>\uc0c8\ub85c\uc6b4 \uc0c9\uc0c1 \ud568\uc218\ub4e4: rgb() \uc640 hsl()\uc758 \ubcc0\uacbd, \uadf8\ub9ac\uace0 oklch() \uc640 oklab()<\/li>\n<li>\uc0ac\uc6a9\uc790 \ud658\uacbd \uc124\uc815 \uc2a4\ub2c8\ud551: prefers-color-scheme &amp; prefers-reduced-motion<\/li>\n<li>\uc0c9&#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=9926\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>CSS\uac00 \uc815\ub9d0 \ube60\ub974\uac8c \ubcc0\ud654\ud558\ub294 \uc911 Container Query Layer \uc5d0\uc11c \uc2a4\ud0c0\uc77c \uadf8\ub8f9\ud551 :is() \uc640 :where() \uc0c8\ub85c\uc6b4 \uc0c9\uc0c1 \ud568\uc218\ub4e4: rgb() \uc640 hsl()\uc758&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[138],"tags":[163],"class_list":["post-25203","post","type-post","status-publish","format-standard","hentry","category-it","tag-geeknews-----"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa3PO4-6yv","jetpack-related-posts":[{"id":27355,"url":"https:\/\/nori.company\/?p=27355","url_meta":{"origin":25203,"position":0},"title":"Youtube-to-Webpage &#8211; \uc720\ud29c\ube0c\ub97c \uc6f9\ud398\uc774\uc9c0\ub85c \ub9cc\ub4e4\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 9\uc6d4 10\uc77c","format":false,"excerpt":"\uc720\ud29c\ube0c \ube44\ub514\uc624\uc758 \uc790\ub9c9\uacfc \ud574\ub2f9 \uc2dc\uac04\uc758 \uc2a4\ud06c\ub9b0\uc0f7\uc744 \uc774\uc6a9\ud558\uc5ec \uc6f9\ud398\uc774\uc9c0\ub85c \ub9cc\ub4e4\uc5b4\uc8fc\ub294 Perl \uc2a4\ud06c\ub9bd\ud2b8 yt-dlp + ffmpeg \uc720\ud29c\ube0c \uc8fc\uc18c\ub97c \ub118\uae30\uba74 \uc790\ub9c9(vtt), \uc601\uc0c1(webm), \uc2a4\ud06c\ub9b0\uc0f7(jpg)\uc640 \ud568\uaed8 html\/css \ud30c\uc77c\uc744 \ud568\uaed8 \uc0dd\uc131\ud574\uc11c \uc800\uc7a5\ud574\uc90c ... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23329,"url":"https:\/\/nori.company\/?p=23329","url_meta":{"origin":25203,"position":1},"title":"CSS\uc640 Web UI\uc758 \uc0c8\ub85c\uc6b4 \uae30\ub2a5\ub4e4: I\/O 2023 \uc5d0\ub514\uc158","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 5\uc6d4 18\uc77c","format":false,"excerpt":"Container queries Style queries :has() selector nth-of microsyntax text-wrap: balance initial-letter Dynamic viewport units Wide-gamut color spaces color-mix() Nesting Cascade layers Scoped... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27898,"url":"https:\/\/nori.company\/?p=27898","url_meta":{"origin":25203,"position":2},"title":"v0 &#8211; Vercel\uc774 \ub9cc\ub4e0 \uc0dd\uc131\ud615 UI \uc2dc\uc2a4\ud15c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 9\uc6d4 22\uc77c","format":false,"excerpt":"AI \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud574\uc11c \ud504\ub86c\ud504\ud2b8\uc5d0 \uae30\ubc18\uc758 UI \ucf54\ub4dc\ub97c \uc0dd\uc131 shadcn\/ui \uc640 Tailwind CSS \uc5d0 \uae30\ubc18\ud55c React \ucf54\ub4dc \ud504\ub86c\ud504\ud2b8 \uc785\ub825\ud558\uba74 AI\uac00 3\uac1c\uc758 UI\ub97c \uc0dd\uc131\ud574\uc11c \ubcf4\uc5ec\uc8fc\uace0, \uc120\ud0dd\ud574\uc11c \ubcf5\uc0ac\ud558\uac70\ub098 \uadf8\uc911 \uc77c\ubd80\ub97c \uc120\ud0dd\ud574\uc11c \ub354 Refine \uac00\ub2a5 Vercel \uc0ac\uc6a9\uc790\ub4e4\uc758 \ub370\uc774\ud130\ub294 \ud6c8\ub828\uc5d0 \uc774\uc6a9\ub418\uc9c0... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28574,"url":"https:\/\/nori.company\/?p=28574","url_meta":{"origin":25203,"position":3},"title":"Nintendo DS\uc6a9 DSLinux \u2013 Linux","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 10\uc6d4 11\uc77c","format":false,"excerpt":"DSLinux \ud504\ub85c\uc81d\ud2b8\ub294 Linux \uc6b4\uc601 \uccb4\uc81c\ub97c Nintendo DS\uc640 Nintendo DS Lite\uc5d0 \uc131\uacf5\uc801\uc73c\ub85c \uc774\uc2dd\ud558\uc600\uc2b5\ub2c8\ub2e4. DSi\uc640 3DS\uc640 \uac19\uc740 \ucd5c\uc2e0 \ubaa8\ub378\ub3c4 DS \ud638\ud658 \ubaa8\ub4dc\uc5d0\uc11c \uc791\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. DSLinux\ub294 desmume\uc640 \uac19\uc740 \uc77c\ubd80 NDS \uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c\ub3c4 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. DSLinux \uc2dc\uc2a4\ud15c\uc740 \uae30\ub2a5\uc801\uc774\uba70... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27674,"url":"https:\/\/nori.company\/?p=27674","url_meta":{"origin":25203,"position":4},"title":"\uac8c\uc784 \uac1c\ubc1c\uc790\ub4e4, IronSource\uc640 Unity Ads \uc218\uc775\ud654 \ubaa8\ub450 \uc911\ub2e8","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 9\uc6d4 18\uc77c","format":false,"excerpt":"\uac8c\uc784 \uac1c\ubc1c \ud68c\uc0ac\ub4e4\uc774 IronSource\uc640 Unity Ads \uc218\uc775\ud654\ub97c \uc77c\uc2dc \uc911\ub2e8\ud558\uae30\ub85c \ud55c \uc9d1\ub2e8 \uacb0\uc815\uc5d0 \ub300\ud55c \uae30\uc0ac \uc774 \uacb0\uc815\uc740 \uc77c\uc2dc\uc801\uc774\uba70, \uc0c8\ub85c\uc6b4 \uc870\uac74\uc774 \uac80\ud1a0\ub420 \ub54c\uae4c\uc9c0 \uc720\ud6a8\ud558\ub2e4. IronSource\uc640 Unity Ads\ub294 \uc778\uac8c\uc784 \uad11\uace0 \ubc0f \uc218\uc775\ud654\ub97c \uc704\ud55c \uc778\uae30 \ud50c\ub7ab\ud3fc\uc774\ub2e4. \uc774\ubc88 \uc870\uce58\ub294 \uac8c\uc784 \uac1c\ubc1c \uc0b0\uc5c5\uc758 \uc778\uac8c\uc784 \uad11... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26464,"url":"https:\/\/nori.company\/?p=26464","url_meta":{"origin":25203,"position":5},"title":"SpaceTimeDB &#8211; DB\uc640 \uc11c\ubc84\ub97c \ud558\ub098\ub85c \uacb0\ud569","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 21\uc77c","format":false,"excerpt":"\uad00\uacc4\ud615 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc774\uba74\uc11c, \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\uc9c1\uc744 \uc9c1\uc811 \uc800\uc7a5 \uac00\ub2a5 'Modules' \ub77c\uace0 \ubd80\ub974\ub294 \uc2a4\ud1a0\uc5b4\ub4dc \ud504\ub85c\uc2dc\uc838 \ud615\ud0dc \ubcc4\ub3c4\uc758 \uc11c\ubc84 \uc5c6\uc774 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc9c1\uc811 DB\uc640 \uc811\uc18d\ud574\uc11c \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\uc9c1\uc744 DB\ub0b4\ubd80\uc5d0\uc11c \uc2e4\ud589 \ubc30\uce58\ub098 OLAP \uc791\uc5c5\ub300\uc2e0 '\ucd5c\uace0\uc758 \uc18d\ub3c4'\uc640 '\ucd5c\uc18c \ub808\uc774\ud134\uc2dc'\ub97c \ubcf4... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/25203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25203"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/25203\/revisions"}],"predecessor-version":[{"id":25204,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/25203\/revisions\/25204"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}