{"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\/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\/","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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_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},"jetpack_post_was_ever_published":false},"categories":[138],"tags":[163],"class_list":["post-25203","post","type-post","status-publish","format-standard","hentry","category-it","tag-geeknews-----"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nori.company\/2023\ub144\uc758-css-\uc791\uc131\ud558\uae30-\uba87-\ub144-\uc804\uacfc-\ub2ec\ub77c\uc84c\uc744\uae4c\uc694\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY\" \/>\n<meta property=\"og:description\" content=\"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;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nori.company\/2023\ub144\uc758-css-\uc791\uc131\ud558\uae30-\uba87-\ub144-\uc804\uacfc-\ub2ec\ub77c\uc84c\uc744\uae4c\uc694\/\" \/>\n<meta property=\"og:site_name\" content=\"NORICOMPANY\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-22T01:53:20+00:00\" \/>\n<meta name=\"author\" content=\"\ub178\ub9ac\ucef4\ud37c\ub2c8\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"\ub178\ub9ac\ucef4\ud37c\ub2c8\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/\"},\"author\":{\"name\":\"\ub178\ub9ac\ucef4\ud37c\ub2c8\",\"@id\":\"https:\\\/\\\/nori.company\\\/#\\\/schema\\\/person\\\/3dd50bd980b2b2ba1a2e5610751ee83b\"},\"headline\":\"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?\",\"datePublished\":\"2023-07-22T01:53:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/\"},\"wordCount\":16,\"commentCount\":0,\"keywords\":[\"GeekNews - \uac1c\ubc1c\\\/\uae30\uc220\\\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4\"],\"articleSection\":[\"IT\"],\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nori.company\\\/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\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/\",\"url\":\"https:\\\/\\\/nori.company\\\/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\\\/\",\"name\":\"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nori.company\\\/#website\"},\"datePublished\":\"2023-07-22T01:53:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/nori.company\\\/#\\\/schema\\\/person\\\/3dd50bd980b2b2ba1a2e5610751ee83b\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nori.company\\\/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\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nori.company\\\/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\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\\\/\\\/nori.company\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nori.company\\\/#website\",\"url\":\"https:\\\/\\\/nori.company\\\/\",\"name\":\"NORICOMPANY\",\"description\":\"\uc7bc\ub09c \uac1c\ubc1c\ub180\uc774, \ub178\ub9ac\ucef4\ud37c\ub2c8\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nori.company\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nori.company\\\/#\\\/schema\\\/person\\\/3dd50bd980b2b2ba1a2e5610751ee83b\",\"name\":\"\ub178\ub9ac\ucef4\ud37c\ub2c8\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g\",\"caption\":\"\ub178\ub9ac\ucef4\ud37c\ub2c8\"},\"sameAs\":[\"https:\\\/\\\/nori.company\"],\"url\":\"https:\\\/\\\/nori.company\\\/author\\\/noricompany\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nori.company\/2023\ub144\uc758-css-\uc791\uc131\ud558\uae30-\uba87-\ub144-\uc804\uacfc-\ub2ec\ub77c\uc84c\uc744\uae4c\uc694\/","og_locale":"ko_KR","og_type":"article","og_title":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY","og_description":"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;","og_url":"https:\/\/nori.company\/2023\ub144\uc758-css-\uc791\uc131\ud558\uae30-\uba87-\ub144-\uc804\uacfc-\ub2ec\ub77c\uc84c\uc744\uae4c\uc694\/","og_site_name":"NORICOMPANY","article_published_time":"2023-07-22T01:53:20+00:00","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","twitter_card":"summary_large_image","twitter_misc":{"\uae00\uc4f4\uc774":"\ub178\ub9ac\ucef4\ud37c\ub2c8"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nori.company\/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\/#article","isPartOf":{"@id":"https:\/\/nori.company\/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\/"},"author":{"name":"\ub178\ub9ac\ucef4\ud37c\ub2c8","@id":"https:\/\/nori.company\/#\/schema\/person\/3dd50bd980b2b2ba1a2e5610751ee83b"},"headline":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?","datePublished":"2023-07-22T01:53:20+00:00","mainEntityOfPage":{"@id":"https:\/\/nori.company\/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\/"},"wordCount":16,"commentCount":0,"keywords":["GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4"],"articleSection":["IT"],"inLanguage":"ko-KR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nori.company\/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\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nori.company\/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\/","url":"https:\/\/nori.company\/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\/","name":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694? - NORICOMPANY","isPartOf":{"@id":"https:\/\/nori.company\/#website"},"datePublished":"2023-07-22T01:53:20+00:00","author":{"@id":"https:\/\/nori.company\/#\/schema\/person\/3dd50bd980b2b2ba1a2e5610751ee83b"},"breadcrumb":{"@id":"https:\/\/nori.company\/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\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nori.company\/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\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nori.company\/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\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/nori.company\/"},{"@type":"ListItem","position":2,"name":"2023\ub144\uc758 CSS \uc791\uc131\ud558\uae30: \uba87 \ub144 \uc804\uacfc \ub2ec\ub77c\uc84c\uc744\uae4c\uc694?"}]},{"@type":"WebSite","@id":"https:\/\/nori.company\/#website","url":"https:\/\/nori.company\/","name":"NORICOMPANY","description":"\uc7bc\ub09c \uac1c\ubc1c\ub180\uc774, \ub178\ub9ac\ucef4\ud37c\ub2c8","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nori.company\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Person","@id":"https:\/\/nori.company\/#\/schema\/person\/3dd50bd980b2b2ba1a2e5610751ee83b","name":"\ub178\ub9ac\ucef4\ud37c\ub2c8","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/secure.gravatar.com\/avatar\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d263f2d91563797e4a4082d1d691d2e9d66a62209e669c79452f1bc6f6ac7d71?s=96&d=mm&r=g","caption":"\ub178\ub9ac\ucef4\ud37c\ub2c8"},"sameAs":["https:\/\/nori.company"],"url":"https:\/\/nori.company\/author\/noricompany\/"}]}},"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa3PO4-6yv","jetpack-related-posts":[{"id":23329,"url":"https:\/\/nori.company\/css%ec%99%80-web-ui%ec%9d%98-%ec%83%88%eb%a1%9c%ec%9a%b4-%ea%b8%b0%eb%8a%a5%eb%93%a4-i-o-2023-%ec%97%90%eb%94%94%ec%85%98\/","url_meta":{"origin":25203,"position":0},"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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27355,"url":"https:\/\/nori.company\/youtube-to-webpage-%ec%9c%a0%ed%8a%9c%eb%b8%8c%eb%a5%bc-%ec%9b%b9%ed%8e%98%ec%9d%b4%ec%a7%80%eb%a1%9c-%eb%a7%8c%eb%93%a4%ea%b8%b0\/","url_meta":{"origin":25203,"position":1},"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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27898,"url":"https:\/\/nori.company\/v0-vercel%ec%9d%b4-%eb%a7%8c%eb%93%a0-%ec%83%9d%ec%84%b1%ed%98%95-ui-%ec%8b%9c%ec%8a%a4%ed%85%9c\/","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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28574,"url":"https:\/\/nori.company\/nintendo-ds%ec%9a%a9-dslinux-linux\/","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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27674,"url":"https:\/\/nori.company\/%ea%b2%8c%ec%9e%84-%ea%b0%9c%eb%b0%9c%ec%9e%90%eb%93%a4-ironsource%ec%99%80-unity-ads-%ec%88%98%ec%9d%b5%ed%99%94-%eb%aa%a8%eb%91%90-%ec%a4%91%eb%8b%a8\/","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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26464,"url":"https:\/\/nori.company\/spacetimedb-db%ec%99%80-%ec%84%9c%eb%b2%84%eb%a5%bc-%ed%95%98%eb%82%98%eb%a1%9c-%ea%b2%b0%ed%95%a9\/","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\/category\/news\/it\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/posts\/25203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/comments?post=25203"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/posts\/25203\/revisions"}],"predecessor-version":[{"id":25204,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/posts\/25203\/revisions\/25204"}],"wp:attachment":[{"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/media?parent=25203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/categories?post=25203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/wp-json\/wp\/v2\/tags?post=25203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}