{"id":24938,"date":"2023-07-14T10:53:42","date_gmt":"2023-07-14T01:53:42","guid":{"rendered":"http:\/\/nori.company\/?p=24938"},"modified":"2023-07-14T10:53:42","modified_gmt":"2023-07-14T01:53:42","slug":"%ec%83%88%eb%a1%9c%ec%9a%b4-css-viewport-unit-svh-lvh-dvh","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=24938","title":{"rendered":"\uc0c8\ub85c\uc6b4 CSS Viewport Unit : svh, lvh, dvh"},"content":{"rendered":"<ul>\n<li>\ubdf0\ud3ec\ud2b8 \ub108\ube44\/\ub192\uc774 \uae30\ubc18\uc73c\ub85c \uc124\uc815\ud558\ub294 \uac83\uc740 \ud3b8\ud558\uc9c0\ub9cc, <code>vh<\/code> \ub294 \ubaa8\ubc14\uc77c\uc5d0\uc11c \ubc84\uadf8\uac00 \ub9ce\uc74c<br \/>\n\u2192 \ubdf0\ud3ec\ud2b8 \uc0ac\uc774\uc988\uac00 \ube0c\ub77c\uc6b0\uc800\uc758 \uc8fc\uc18c\ubc14 UI\ub97c \ud3ec\ud568\ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38<\/li>\n<li>100vh \ub294 \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc804\uccb4 \ubdf0\ud3ec\ud2b8 \ub192\uc774 \ub9cc\ud07c\uc774 \ub418\uc5b4\uc57c \ud558\uc9c0\ub9cc, \uc2a4\ud06c\ub864\uc2dc\uc5d0 UI\ub97c \uc228\uae30\ub294 \uc0ac\ud30c\ub9ac\/\ud06c\ub86c(\uc548\ub4dc\ub85c\uc774\ub4dc) \uc5d0\uc11c\ub294 \ubb38\uc81c\uac00 &#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=9791\" 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>\ubdf0\ud3ec\ud2b8 \ub108\ube44\/\ub192\uc774 \uae30\ubc18\uc73c\ub85c \uc124\uc815\ud558\ub294 \uac83\uc740 \ud3b8\ud558\uc9c0\ub9cc, vh \ub294 \ubaa8\ubc14\uc77c\uc5d0\uc11c \ubc84\uadf8\uac00 \ub9ce\uc74c \u2192 \ubdf0\ud3ec\ud2b8 \uc0ac\uc774\uc988\uac00 \ube0c\ub77c\uc6b0\uc800\uc758 \uc8fc\uc18c\ubc14 UI\ub97c \ud3ec\ud568\ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38&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-24938","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-6ue","jetpack-related-posts":[{"id":25390,"url":"https:\/\/nori.company\/?p=25390","url_meta":{"origin":24938,"position":0},"title":"\uc2e0\uc774\ub4dc \uc624\ucf54\ub108 \uc0ac\ub9dd","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 27\uc77c","format":false,"excerpt":"\uc544\uc77c\ub79c\ub4dc \uac00\uc218 Sin\u00e9ad O'Connor \uac00 56\uc138\ub85c \uc0ac\ub9dd\ud588\ub2e4\uace0 \uac00\uc871\uc774 \ubc1d\ud614\ub2e4. O'Connor \ub294 \ub192\uc774 \ud3c9\uac00\ubc1b\uc740 \uc5f0\uc8fc\uc790\ub85c, 10\uac1c\uc758 \uc2a4\ud29c\ub514\uc624 \uc568\ubc94\uc744 \ubc1c\ub9e4\ud588\uc73c\uba70 \uadf8\ub7a8\ubbf8\uc0c1\uc5d0 3\ubc88 \ud6c4\ubcf4\ub85c \uc62c\ub790\ub2e4. \ud504\ub9b0\uc2a4\uac00 \uc791\uace1\ud55c \uadf8\ub140\uc758 \ub178\ub798 \"Nothing Compares 2 U\"\ub294 1990\ub144 \uc138\uacc4 \ucd5c\uace0 \uc2f1\uae00\ub85c \uc120\uc815\ub418\uc5c8\ub2e4. ... \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":23504,"url":"https:\/\/nori.company\/?p=23504","url_meta":{"origin":24938,"position":1},"title":"\ud31d\uc624\ubc84 API","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 5\uc6d4 24\uc77c","format":false,"excerpt":"\ud31d\uc5c5 UI\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud55c \uc0c8\ub85c\uc6b4 \uc6f9 \ud45c\uc900\uc778 Popover API\uac00 Chrome 114 \ubc84\uc804\uc5d0 \uad6c\ud604\ub428. \ub9ce\uc740 UI \ub77c\uc774\ube0c\ub7ec\ub9ac\ub4e4\uc5d0\uc11c \uac01\uac01 \uad6c\ud604\ud558\ub358 \ud31d\uc5c5(\ubaa8\ub2ec)\uc744 \ud1b5\ud569\ud558\uae30 \uc704\ud55c \uc2dc\ub3c4. \uc5ec\uc804\ud788 \uc2e4\ud5d8\uc801\uc778 \uae30\ub2a5\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc73c\uba70, Firefox\ub294 \uc544\uc9c1 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc74c. Top Layer, Anchor \ub4f1 \ucd5c\uadfc \ucd94\uac00\ub41c \uae30\uc220\ub4e4... \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":25531,"url":"https:\/\/nori.company\/?p=25531","url_meta":{"origin":24938,"position":2},"title":"Stop using Swagger-UI and MSW, but SDK instead","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 30\uc77c","format":false,"excerpt":"Swagger.json \ud30c\uc77c\ub85c\ubd80\ud130\uc758 TypeScript SDK \ubc0f \ubaa9\uc5c5 \uc2dc\ubbac\ub808\uc774\ud130 \uc81c\uc791 \ub3c4\uad6c \uc5ec\uae30\uc11c\uc758 SDK (Software Development Kit) \ub294 \ub2e4\uc74c \uae30\ub2a5\ub4e4\uc744 \ub0b4\ud3ec\ud568 collection of fetch functions DTO structures Mockup Simulator SDK\ub97c \ube4c\ub4dc\ud558\uc5ec \uc0ac\uc6a9\uc2dc \ud504\ub860\ud2b8 (\ud074\ub77c\uc774\uc5b8\ud2b8) \uac1c\ubc1c \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":24818,"url":"https:\/\/nori.company\/?p=24818","url_meta":{"origin":24938,"position":3},"title":"Threads \uc571 \ub0b4\ubd80 \uc0b4\ud3b4\ubcf4\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 10\uc77c","format":false,"excerpt":"Threadds Android App (72.3MB) \uc720\ub2c8\ubc84\uc124 APK. Redex \uc0ac\uc6a9 \ub514\ubc84\uadf8 \ucf54\ub4dc \ud3ec\ud568\ub418\uc5b4 \uc788\uc74c \uc77c\ubd80\ub294 React Native\ub85c \ub418\uc5b4 \uc788\uc74c (Hermes) UI\ub294 Jetpack Compose\ub97c \ub9ce\uc774 \uc0ac\uc6a9 \uc778\uc2a4\ud0c0\uadf8\ub7a8 \uc571\uacfc \ub9ce\uc740 \ubd80\ubd84\uc744 \uacf5\uc720 Threads iOS App (244.2MB) ... \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":31639,"url":"https:\/\/nori.company\/?p=31639","url_meta":{"origin":24938,"position":4},"title":"Mozilla, Android\uc6a9 Firefox\uc758 \ud655\uc7a5 \uae30\ub2a5 \uc9c0\uc6d0 \ud655\ub300","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 12\uc6d4 15\uc77c","format":false,"excerpt":"\ubaa8\uc9c8\ub77c\uac00 \uc548\ub4dc\ub85c\uc774\ub4dc\uc6a9 \ud30c\uc774\uc5b4\ud3ed\uc2a4 \uc0ac\uc6a9\uc790\ub97c \uc704\ud574 450\uac1c \uc774\uc0c1\uc758 \uc0c8\ub85c\uc6b4 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc744 AMO(Android\uc6a9 Addons.mozilla.org) \ud398\uc774\uc9c0\uc5d0\uc11c \ucd9c\uc2dc\ud568. \uc774\ubc88 \ucd9c\uc2dc\ub294 \ubaa8\ubc14\uc77c\uc5d0\uc11c \uac1c\ubc29\ud615 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8 \uc0dd\ud0dc\uacc4\uc758 \uc2dc\uc791\uc744 \uc54c\ub9ac\uba70, \uac1c\ubc1c\uc790\ub4e4\uc740 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc744 \uc790\uc720\ub86d\uac8c \ub9cc\ub4e4\uace0 \ubc30\ud3ec\ud560 \uc218 \uc788\uace0, \uc0ac\uc6a9\uc790\ub4e4\uc740 \uc27d\uac8c ... \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":30862,"url":"https:\/\/nori.company\/?p=30862","url_meta":{"origin":24938,"position":5},"title":"1988\ub144 \ud56d\uacf5\ud3b8 655\ud638 \uaca9\ucd94 \uc0ac\uac74, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc7ac\uc559\uc73c\ub85c \uaddc\uc815","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 30\uc77c","format":false,"excerpt":"\uc694\uc57d: \uc774\ub780 \uc5d0\uc5b4 655\ud3b8\uc758 \ube44\uadf9\uacfc UI\uc758 \uc911\uc694\uc131 1988\ub144 7\uc6d4 3\uc77c, \ubbf8 \ud574\uad70\uc758 \ubbf8\uc0ac\uc77c \uc21c\uc591\ud568 USS Vincennes\uac00 \uc774\ub780 \uc5d0\uc5b4 655\ud3b8\uc744 \uaca9\ucd94\uc2dc\ucf1c \ud0d1\uc2b9\uc790 \uc804\uc6d0\uc774 \uc0ac\ub9dd\ud558\ub294 \uc0ac\uac74 \ubc1c\uc0dd. \ub2f9\uc2dc \uc138\uacc4 \ucd5c\ucca8\ub2e8 \ubc29\uacf5 \uc2dc\uc2a4\ud15c\uc778 Aegis\ub97c \ud0d1\uc7ac\ud55c Vincennes\ub294 \ub2e8\uc77c \ubbfc\uac04 \ud56d\uacf5\uae30\ub97c \uc624\uc778\ud558\uc5ec \uaca9\ucd94\uc2dc\ud0a8 \uc6d0\uc778\uc5d0 \ub300\ud574 \uc758\ubb38... \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\/24938","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=24938"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/24938\/revisions"}],"predecessor-version":[{"id":24939,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/24938\/revisions\/24939"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24938"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}