{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/June-6th-2022","result":{"data":{"roamPage":{"title":"June 6th, 2022","childMdx":{"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"june-6th-2022\"\n  }, \"June 6th, 2022\"), mdx(Block, {\n    id: \"-H8U-ewVx\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/TIL\",\n      \"title\": \"TIL\",\n      \"className\": \" internal-link\"\n    }, \"TIL\"), \"\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"z3srB0hRg\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\u201Ctext-rendering - \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/CSS\",\n      \"title\": \"CSS\",\n      \"className\": \" internal-link\"\n    }, \"CSS\"), \": Cascading Style Sheets | MDN\\u201D.  \", \"[Online]\", \". Available at: \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering\"\n    }, \"https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering\"), \".\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","outboundReferences":[{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"til\"\n  }, \"TIL\"), mdx(Block, {\n    id: \"8HpINJDj6\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Today I Learned\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"362a5d7f-fa34-5e3e-873c-47c07f3d5f26","title":"TIL","fields":{"slug":"/TIL"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"css\"\n  }, \"CSS\"), mdx(Block, {\n    id: \"sjefdRGAD\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"생성에-도움을-주는-도구\"\n    }, \"\\uC0DD\\uC131\\uC5D0 \\uB3C4\\uC6C0\\uC744 \\uC8FC\\uB294 \\uB3C4\\uAD6C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"CuEwQdXZp\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://www.joshwcomeau.com/shadow-palette/\"\n    }, \"Shadow Palette Generator\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"3c4hQTb_r\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"레퍼런스\"\n    }, \"\\uB808\\uD37C\\uB7F0\\uC2A4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"FDJjo5WAS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\n    }, \"A Complete Guide to Flexbox\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"6wcvGAi4g\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/complete-guide-grid/\"\n    }, \"A Complete Guide to Grid\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"ZgRuV7iJR\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"reset\"\n    }, \"Reset\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"lzTJuMFmo\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/53faa\",\n      \"title\": \"브라우저\",\n      \"className\": \" internal-link\"\n    }, \"\\uBE0C\\uB77C\\uC6B0\\uC800\"), \" \\uAC04 \\uC2A4\\uD0C0\\uC77C \\uCC28\\uC774\\uB97C \\uC81C\\uAC70\\uD558\\uACE0 \\uC0AC\\uC6A9\\uD558\\uAE30 \\uD3B8\\uB9AC\\uD55C CSS \\uD658\\uACBD\\uC744 \\uB9CC\\uB4E4\\uAE30 \\uC704\\uD574 \\uC0AC\\uC6A9\\uB418\\uB294 CSS \\uC2A4\\uB2C8\\uD3AB.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"7_GaantxS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC608\\uC804\\uC5D0\\uB294 \\uBE0C\\uB77C\\uC6B0\\uC800 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uC644\\uC804\\uD788 \\uC0AD\\uC81C\\uD558\\uB294 \\uBC29\\uC2DD\\uC774 \\uC8FC\\uB85C \\uC0AC\\uC6A9\\uB418\\uC5C8\\uC9C0\\uB9CC \\uD604\\uB300\\uC5D0 \\uB4E4\\uC5B4\\uC11C\\uB294 \\uBE0C\\uB77C\\uC6B0\\uC800 \\uAC04 CSS \\uC2A4\\uD0C0\\uC77C\\uC758 \\uCC28\\uC774\\uAC00 \\uBBF8\\uBBF8\\uD558\\uACE0 \\uB300\\uBD80\\uBD84 \\uD45C\\uC900\\uC5D0 \\uBD80\\uD569\\uD558\\uBA70, \\uBAA8\\uB4E0 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uB0B4\\uCE58\\uB294 \\uAC83\\uC774 \\uADF8\\uB2E4\\uC9C0 \\uC0DD\\uC0B0\\uC801\\uC774\\uC9C0\\uB3C4 \\uC54A\\uAE30 \\uB54C\\uBB38\\uC5D0 (\", mdx(\"inlineCode\", {\n      parentName: \"p\"\n    }, \"<strong>\"), \"\\uC774 \\uBCFC\\uB4DC\\uB85C \\uC548 \\uB098\\uC624\\uB294 \\uAC74 \\uBCF4\\uD1B5 \\uC6D0\\uD558\\uB294 \\uB3D9\\uC791\\uC774 \\uC544\\uB2C8\\uC9C0 \\uC54A\\uACA0\\uB294\\uAC00?) \\uCD5C\\uADFC\\uC5D0\\uB294 \\uCD5C\\uC18C\\uD55C\\uC758 \\uC124\\uC815\\uB9CC \\uD574\\uB450\\uB294 \\uB4EF.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"VrWzwZ_6c\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/reboot-resets-reasoning/\"\n    }, \"https://css-tricks.com/reboot-resets-reasoning/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Zl5cWPAUG\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"가져다-쓸-만한-것들\"\n    }, \"\\uAC00\\uC838\\uB2E4 \\uC4F8 \\uB9CC\\uD55C \\uAC83\\uB4E4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"_8lN0Cr_b\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://meyerweb.com/eric/tools/css/reset/\"\n    }, \"Eric Meyer's CSS Reset\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"4IsXbqHtG\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/hankchizljaw/modern-css-reset\"\n    }, \"Modern CSS Reset\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"v_JY6OAgy\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://necolas.github.io/normalize.css/\"\n    }, \"Normalize.css\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"59kxuzbIr\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Bootstrap\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://getbootstrap.com/docs/4.0/content/reboot/\"\n    }, \"Reboot\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"tFBaGSMFM\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Sindre Sorhus\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/sindresorhus/modern-normalize\"\n    }, \"Modern Normalize\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"1kP2fko9z\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Tailwind CSS\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://tailwindcss.com/docs/preflight#overview\"\n    }, \"Preflight\"))),\n    mdxType: \"Block\"\n  }))), mdx(Block, {\n    id: \"T4VIRt9pc\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://csstools.github.io/sanitize.css/\"\n    }, \"Sanitize.css\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Jq5gIBhLL\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://jgthms.com/minireset.css/\"\n    }, \"minireset.css\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"MgXxbimp6\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://www.joshwcomeau.com/css/custom-css-reset\"\n    }, \"Josh W. Comeau's Reset\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"89KcLeMbK\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"필요한가\"\n    }, \"\\uD544\\uC694\\uD55C\\uAC00?\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"1NWpSH0Ad\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://stackoverflow.com/a/11579120/4154321\"\n    }, \"https://stackoverflow.com/a/11579120/4154321\"))),\n    mdxType: \"Block\"\n  }))), mdx(Block, {\n    id: \"5HAbi0I8O\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"퍼센트\"\n    }, \"\\uD37C\\uC13C\\uD2B8\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"6SSkUhjdQ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://wattenberger.com/blog/css-percents\"\n    }, \"https://wattenberger.com/blog/css-percents\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"3bsBCzzPt\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"a-complete-guide\"\n    }, \"A Complete Guide\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"NbBC6_KYB\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\n    }, \"flexbox\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"ou-vk3cBF\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/complete-guide-grid/\"\n    }, \"grid\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"EkVa9uIs7\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"containment\"\n    }, \"Containment\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"7EDE2P_KJ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://developer.mozilla.org/ko-KR/docs/Web/CSS/CSS_Containment\"\n    }, \"https://developer.mozilla.org/ko-KR/docs/Web/CSS/CSS_Containment\"))),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"32c94cde-5b74-50a7-ba65-e51e5d2276ae","title":"CSS","fields":{"slug":"/CSS"}}}],"inboundReferences":[]},"fields":{"slug":"/June-6th-2022"}}},"pageContext":{"id":"0ccd3a2e-ef98-51c8-b565-034de29de345"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}