{"id":1149,"date":"2020-02-19T18:19:42","date_gmt":"2020-02-19T09:19:42","guid":{"rendered":"https:\/\/amati.io\/?p=1149"},"modified":"2020-02-19T18:19:42","modified_gmt":"2020-02-19T09:19:42","slug":"mobile-dark-mode","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=1149","title":{"rendered":"\ubaa8\ubc14\uc77c Dark mode \ub300\uc751"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Dark mode<\/strong>\ub294 UI \ud2b8\ub80c\ub4dc \uc911\uc758 \ud558\ub098\uc774\uba70 UI \uc804\uccb4\ub97c \uc5b4\ub450\uc6b4 \ud1a4\uc73c\ub85c \uc124\uc815\ud558\ub294 \uae30\ub2a5\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uc774\uc804\uc5d0\ub3c4 \uc571 \uc790\uccb4\uc758 \uc124\uc815\uc744 \ud1b5\ud574 &#8220;\ubc1d\uc740 \ud14c\ub9c8, \uc5b4\ub450\uc6b4 \ud14c\ub9c8&#8221;\ub97c \uc9c0\uc6d0\ud558\ub294 \uacbd\uc6b0\ub294 \uc788\uc5c8\uc9c0\ub9cc, \ub2f9\uc5f0\ud788 \ud574\ub2f9 \uc571\uc5d0\uc11c\ub9cc \uc801\uc6a9\ub420 \ubfd0 \ub2e4\ub978 \uc571\uc5d0 \uc774 \uc124\uc815\uc774 \uacf5\uc720\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, Dark mode\ub294 OS\uc758 \uc790\uccb4 \uc124\uc815\uc774\uba70 OS, \ubaa8\ub4e0 \uc571\uacfc \uc11c\ube44\uc2a4\uac00 \uc774 \uc124\uc815\uc744 \uacf5\uc720\ud558\uc5ec UI \uc0c9\uc0c1\uc744 \ubcc0\uacbd\uc2dc\ud0b4\uc73c\ub85c \ub514\ubc14\uc774\uc2a4\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \uc790\uccb4\ub97c \uc5b4\ub450\uc6b4 \uc0c9\uc0c1 \uc704\uc8fc\ub85c \uc77c\uad00\ub418\uac8c \uc804\ud658\uc2dc\ud0a4\ub294 \uac83\uc744 \ub9d0\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud604\uc7ac \uac00\uc7a5 \ub9ce\uc774 \uc4f0\uc774\ub294 OS\uc778 Windows 10, macOS 10.14 mojave, \uadf8\ub9ac\uace0 \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 iOS 13 (2019.09 \ubc1c\ud45c), Android 10 (2019.09.03 \ubc1c\ud45c) \uc5d0\uc11c Dark mode\ub97c \uc9c0\uc6d0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ubc14\uc77c\uc758 \uacbd\uc6b0 \ub9c8\uce58 \uc57d\uc18d\ud55c \ub4ef \ube44\uc2b7\ud55c \uc2dc\uae30\uc5d0 \ubc1c\ub9e4\ub41c OS\ub4e4\uc774 \uacbd\uc7c1\uc801\uc73c\ub85c \uc9c0\uc6d0\uc744 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/webkit.org\/wp-content\/uploads\/trimmed.png\" alt=\"\"\/><figcaption>image from <a href=\"https:\/\/webkit.org\/blog\/8892\/dark-mode-in-web-inspector\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/webkit.org\/blog\/8892\/dark-mode-in-web-inspector\/<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/webkit.org\/wp-content\/uploads\/network-tab-split.png\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd5c\uc2e0\uc758 OS\ub4e4\uc774 \uc790\uccb4\uc801\uc73c\ub85c \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc9c0\uc6d0\ud558\uae30 \uc2dc\uc791\ud558\uba74\uc11c \uc55e\uc73c\ub85c \ub2e4\ud06c\ubaa8\ub4dc\uc5d0 \ub300\uc751\ud558\ub294 \uc571\uacfc \uc11c\ube44\uc2a4\uac00 \ube60\ub974\uac8c \ub298\uc5b4\ub0a0 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \ub2e4\ud06c \ubaa8\ub4dc \ud2b9\uc131 \uc0c1 \ub2e8 \ud558\ub098\uc758 \uc571\uc774\ub77c\ub3c4 \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\ub2e4\uba74 UI\uac00 \uc5b4\uc0c9\ud574\uc9c4\ub2e4\ub294 \ub2e8\uc810\uc774 \uc788\ub294\ub370, \uc774\ub294 \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc0ac\uc6a9\ud558\uae30 \uc5b4\ub835\uac8c \ud558\ub294 \uc694\uc18c\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amati.io\/wp-content\/uploads\/2020\/02\/darkmode-sample.png?fit=620%2C388&amp;ssl=1\" alt=\"\" class=\"wp-image-1185\"\/><figcaption>\uad6c\uae00\uc758 \uba54\uc778\ud398\uc774\uc9c0\ub294 \ud56d\uc0c1 \ud770\uc0c9\uc774\ub77c \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc5b4\uc0c9\ud569\ub2c8\ub2e4 (2020.02)<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \uc6f9\uc0ac\uc774\ud2b8\ub4e4\uc740 \ud604\uc7ac\uc5d0\ub3c4 \ub300\ubd80\ubd84 \ud770\uc0c9 \ub610\ub294 \ubc1d\uc740\uc0c9\uc744 \uae30\uc900\uc73c\ub85c \uc81c\uc791\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubb3c\ub860 \uc6f9\uc0ac\uc774\ud2b8 \uc785\uc7a5\uc5d0\uc11c\ub3c4 \uadf8\ub3d9\uc548 \uc2dc\uc2a4\ud15c\uc5d0\uc11c \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uac70\ub098 \uc124\uc815\uc744 \uc778\uc2dd\ud560 \ubc29\ubc95\uc774 \uc5c6\uae30 \ub54c\ubb38\uc5d0 \ub300\uc751\uc774 \uc5b4\ub824\uc6e0\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \uc0c8\ub85c\uc6b4 \ubaa8\ubc14\uc77c OS\uc758 \ub4f1\uc7a5\uacfc \ud568\uaed8 \uc2dc\uc2a4\ud15c\uc758 \ub2e4\ud06c\ubaa8\ub4dc \uc124\uc815\uc744 \uc778\uc2dd\ud560 \uc218 \uc788\ub294 CSS\ub8f0\uc774 \ucd94\uac00\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">prefers-color-scheme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" aria-label=\"preferes-color-scheme (opens in a new tab)\" href=\"https:\/\/developer.mozilla.org\/ko\/docs\/Web\/CSS\/@media\/prefers-color-scheme\" target=\"_blank\">prefers-color-scheme<\/a> \uc774\ub77c\ub294 media query\ub97c \uc774\uc6a9\ud558\uba74 \uc2dc\uc2a4\ud15c\uc758 \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc778\uc2dd\ud560 \uc218 \uc788\uc73c\uba70, \uc635\uc158\uc740 light, dark, no-preference \uc785\ub2c8\ub2e4. CSS media query\uac00 \ud56d\uc0c1 \uadf8\ub7ac\ub4ef, OS\uc758 \uc124\uc815\uc744 \ubcc0\uacbd\ud558\uba74 \ub9ac\ub85c\ub529\ud560 \ud544\uc694 \uc5c6\uc774 \ubc14\ub85c \uc801\uc6a9\ub418\ub294 \ubaa8\uc2b5\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.themed {\n  display: block;\n  width: 10em;\n  height: 10em;\n  background: black;\n  color: white;\n}\n \n@media (prefers-color-scheme: light) {\n  .themed {\n    background: white;\n    color: black;\n  }\n}\n@media (prefers-color-scheme: dark) {\n  \/\/ \uc5b4\ub450\uc6b4 \ud14c\ub9c8\ub97c \uc120\ud0dd\ud588\uc744 \uacbd\uc6b0 override\ud560 CSS\n  .themed {\n    background: black;\n    color: white;\n  }\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\uc804\uc5d0\ub294 \uc77c\ubd80\uc758 \uc6f9\uc0ac\uc774\ud2b8 \uc790\uccb4\uc5d0\uc11c \uc2a4\uc704\uce58 UX\ub97c \ud1b5\ud574 \ub2e4\ud06c\ubaa8\ub4dc \uc804\ud658\uc744 \uc9c0\uc6d0\ud558\ub294 \uacbd\uc6b0\ub3c4 \uc788\uc5c8\uace0, \uc0bc\uc131 Galaxy \ub2e8\ub9d0\uae30\uc758 \uacbd\uc6b0 \uc790\uccb4\uc801\uc73c\ub85c &#8220;\uc57c\uac04 \ubaa8\ub4dc&#8221;\ub97c \uc9c0\uc6d0\ud558\uae30\ub3c4 \ud588\uc9c0\ub9cc, \uc77c\uad00\ub41c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc73c\ub85c \uc774\uc5b4\uc9c0\uc9c0\ub294 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \uc0c8\ub85c\uc6b4 OS\uc5d0\uc11c \uc2dc\uc2a4\ud15c \ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc9c0\uc6d0\ud568\uc5d0 \ub530\ub77c \uc6f9\uc0ac\uc774\ud2b8\uc5d0\uc11c\ub3c4 OS\uc758 \uacbd\ud5d8\uacfc \uc77c\uad00\ub41c \uc0c9\uc0c1 \ubaa8\ub4dc\ub97c \uc9c0\uc6d0\ud560 \uc218 \uc788\ub3c4\ub85d \ubcc0\uacbd\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\uc9c0\uc6d0\ubc94\uc704<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ud06c \ubaa8\ub4dc\ub97c \uc778\uc2dd\ud558\ub294 css media query\ub294 \ube44\uad50\uc801 \ucd5c\uadfc\uc5d0 \uc9c0\uc6d0\ub418\uae30 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. (<a href=\"https:\/\/drafts.csswg.org\/mediaqueries-5\/#descdef-media-prefers-color-scheme\">Media Query Level 5 : editor&#8217;s draft<\/a>)<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mobile OS\ub294 iOS 13, Android 10 (Q)\uc5d0\uc11c \uc9c0\uc6d0\uc774 \uc2dc\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/li><li>\ube0c\ub77c\uc6b0\uc800\uc758 \uc9c0\uc6d0\ubc94\uc704\ub3c4 \uc544\uc8fc \ucd5c\uadfc (2019.09 \uae30\uc900) \uc2dc\uc791\ub418\uc5c8\uc73c\uba70 Chrome 76, safari 12.1, iOS safari 13 \ubc84\uc804\uc5d0\uc11c \uc9c0\uc6d0\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c MacOS, Windows 10\uc758 \uacbd\uc6b0 \ube0c\ub77c\uc6b0\uc800\uc758 \uc5c5\ub370\uc774\ud2b8\ub97c \ubc14\ub85c \ud558\uc9c0 \uc54a\ub294\ub2e4\uba74 \uc9c0\uc6d0\uc774 \uc548\ub420 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/li><li>\ud558\uc9c0\ub9cc, \ubaa8\ubc14\uc77c \ud658\uacbd\uc5d0\uc11c\ub294 iOS 13, Android 10\uc5d0\uc11c \uc9c0\uc6d0\uc774 \uc2dc\uc791\ub418\uc5c8\uace0 \uc774\ub294 \ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0 \uc2dc\uae30\uc640\ub3c4 \uc77c\uce58\ud558\uae30 \ub54c\ubb38\uc5d0 OS\ub9cc \uc5c5\uadf8\ub808\uc774\ub4dc\ub41c\ub2e4\uba74 \ub2e4\ud06c \ubaa8\ub4dc \uc9c0\uc6d0\uc5d0 \ud070 \ubb38\uc81c\uac00 \uc5c6\uc5b4 \ubcf4\uc785\ub2c8\ub2e4.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amati.io\/wp-content\/uploads\/2020\/02\/dark-mode-support.png?fit=620%2C142&amp;ssl=1\" alt=\"\" class=\"wp-image-1170\"\/><figcaption>data from <a href=\"https:\/\/caniuse.com\/#feat=prefers-color-scheme\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">https:\/\/caniuse.com\/#feat=prefers-color-scheme<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uae30\ud0c0 : \uc0bc\uc131 \ub2e8\ub9d0\uae30 \uc790\uccb4\uc758 &#8220;\uc57c\uac04 \ubaa8\ub4dc&#8221;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Android 9\ub97c \uc774\uc6a9\ud558\ub294 \uc0bc\uc131 \ub2e8\ub9d0\uae30\uc758 \uacbd\uc6b0 &#8220;\uc57c\uac04 \ubaa8\ub4dc&#8221;\ub77c\ub294 \uac83\uc744 \uc9c0\uc6d0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc OS \uc790\uccb4\uc801\uc73c\ub85c \uc9c0\uc6d0\ub418\ub294 \ub2e4\ud06c \ubaa8\ub4dc\uc640 \uad00\ub828\uc740 \uc5c6\uae30 \ub54c\ubb38\uc5d0 prefers-color-scheme media query\uc5d0\ub294 \ubc18\uc751\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub610\ud55c OS \ucc28\uc6d0\uc5d0\uc11c\ub3c4 \ubcc4\ub3c4\uc758 web api \ub97c \uc9c0\uc6d0\ud558\uace0 \uc788\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc6f9\ud398\uc774\uc9c0 \ucc28\uc6d0\uc5d0\uc11c \uc774\ub97c \uac10\uc9c0\ud558\ub294 \uac83\uc740 \ubd88\uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amati.io\/wp-content\/uploads\/2020\/02\/samsung-settings-darkmode.jpg?fit=620%2C633&amp;ssl=1\" alt=\"\" class=\"wp-image-1171\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uae30\ud0c0 : Chrome Experimental Dark Mode<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc548\ub4dc\ub85c\uc774\ub4dc\uc6a9 chrome 74\uc758 experimeltal spec\uc73c\ub85c \uc790\uccb4 \ub2e4\ud06c \ubaa8\ub4dc \ud65c\uc131\ud654 \uae30\ub2a5\uc774 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. chrome:\/\/flags \ub97c \ud1b5\ud574 \uc2e4\ud5d8 \uae30\ub2a5\uc744 \ud65c\uc131\ud654\ud560 \uc218 \uc788\ub294\ub370 &#8220;Android web contents dark mode&#8221; \ub77c\ub294 \uba54\ub274\uba85\uc744 \uac80\uc0c9\ud558\uba74 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uc635\uc158\uc758 \uacbd\uc6b0, \ud65c\uc131\ud654\ub97c \uc2dc\ucf1c\ub3c4 \uc774 \uc635\uc158\uc5d0 \uc9c1\uc811\uc801\uc73c\ub85c \ubc18\uc751\ud558\ub294 css\ub098 \uc870\uac74\uc740 \ubcc4\ub3c4\ub85c \uc874\uc7ac\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud06c\ub86c \ube0c\ub77c\uc6b0\uc800 \uc790\uccb4\uc5d0\uc11c \uc0c9\uc0c1\uc744 \ubc18\uc804\uc2dc\ucf1c\uc8fc\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/amati.io\/wp-content\/uploads\/2020\/02\/Screenshot_20190916-155636_Chrome-scaled.jpg?fit=498%2C1024&amp;ssl=1\" alt=\"\" class=\"wp-image-1172\" width=\"320\" height=\"659\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc \ubaa8\ub4e0 \uc694\uc18c\uc758 \uc0c9\uc0c1\uc744 \ubc18\uc804\uc2dc\ud0a4\uc9c0 \uc54a\uc73c\uba70 \uc77c\ubd80 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uac70\ub098, \uc758\ub3c4\uc801\uc73c\ub85c \ubc18\uc804\uc2dc\ud0a4\uc9c0 \uc54a\ub294 \ud56d\ubaa9\uc774 \uc788\ub294 \uac83\uc73c\ub85c \ubcf4\uc785\ub2c8\ub2e4. \uc774 \uc5ed\uc2dc \ucee8\ud2b8\ub864\uc740 \ubd88\uac00\ub2a5\ud558\uba70, \uacb0\uc815\uc801\uc73c\ub85c \ube0c\ub77c\uc6b0\uc800\uc758 UI\ub3c4 \uc5b4\ub450\uc6b4 \uc0c9\uc0c1\uc73c\ub85c \uc804\ud658\ub418\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0 \uc2e4\ud5d8\uc801\uc778 \uc2a4\ud399\uc73c\ub85c\ub9cc \uc0dd\uac01\ud574\ub3c4 \ub420 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i1.wp.com\/amati.io\/wp-content\/uploads\/2020\/02\/chrome-experimeltal-dark-mode.jpg?fit=620%2C633&amp;ssl=1\" alt=\"\" class=\"wp-image-1173\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dark mode\ub294 UI \ud2b8\ub80c\ub4dc \uc911\uc758 \ud558\ub098\uc774\uba70 UI \uc804\uccb4\ub97c \uc5b4\ub450\uc6b4 \ud1a4\uc73c\ub85c \uc124\uc815\ud558\ub294 \uae30\ub2a5\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uc774\uc804\uc5d0\ub3c4 \uc571 \uc790\uccb4\uc758 \uc124\uc815\uc744 \ud1b5\ud574 &#8220;\ubc1d\uc740 \ud14c\ub9c8, \uc5b4\ub450\uc6b4 \ud14c\ub9c8&#8221;\ub97c \uc9c0\uc6d0\ud558\ub294 \uacbd\uc6b0\ub294 \uc788\uc5c8\uc9c0\ub9cc, \ub2f9\uc5f0\ud788 \ud574\ub2f9 \uc571\uc5d0\uc11c\ub9cc \uc801\uc6a9\ub420 \ubfd0 \ub2e4\ub978 \uc571\uc5d0 \uc774 \uc124\uc815\uc774 \uacf5\uc720\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, Dark mode\ub294 OS\uc758 \uc790\uccb4 \uc124\uc815\uc774\uba70 OS, \ubaa8\ub4e0 \uc571\uacfc \uc11c\ube44\uc2a4\uac00 \uc774 \uc124\uc815\uc744 \uacf5\uc720\ud558\uc5ec UI \uc0c9\uc0c1\uc744 \ubcc0\uacbd\uc2dc\ud0b4\uc73c\ub85c \ub514\ubc14\uc774\uc2a4\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[48,106],"class_list":["post-1149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend-dev-story","tag-dark-mode","tag-prefers-color-scheme"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1149"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/1149\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}